body.results main{background:#f5f5f5}.section-skin-quiz-results{display:none;background-color:#f5f5f5}.section-skin-quiz-results__inner{display:flex;flex-direction:column;gap:2em;opacity:0;pointer-events:none;transition:opacity linear .5s}@media (max-width:768px){.section-skin-quiz-results__inner{gap:1em}}.section-skin-quiz-results__loading{text-align:center;padding:3em 0}.section-skin-quiz-results__loading p{font-size:.875em;margin:2em auto 0 auto}.section-skin-quiz-results__loading .loading-icon{display:block;width:2em;height:2em;margin:0 auto}.section-skin-quiz-results__loading .loading-icon svg{opacity:.15;width:100%;height:auto;-webkit-animation-name:loading;animation-name:loading;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}.section-skin-quiz-results.active .section-skin-quiz-results__loading{display:none}.section-skin-quiz-results.active .section-skin-quiz-results__inner{opacity:1;pointer-events:all}.section-skin-quiz-results__container{display:flex;flex-wrap:nowrap;gap:0;background-color:rgba(var(--color-white),1);padding:1.5em 0;border-radius:.5em;border:1px solid #e0e1bc;position:relative}.section-skin-quiz-results__container:not(.active){cursor:pointer}@media (max-width:1024px){.section-skin-quiz-results__container.active{flex-wrap:wrap}}.section-skin-quiz-results__container.active .card-product{display:block}@media (max-width:1024px){.section-skin-quiz-results__container.active .card-product{width:14em;min-width:14em}}.section-skin-quiz-results__container.active .info{border-right-color:#002152}@media (max-width:1024px){.section-skin-quiz-results__container.active .info{display:flex;border-right-color:transparent;border-bottom-color:#002152;margin:0 1em;align-items:flex-start;text-align:left;width:100%;padding:0 0 1em 0}}.section-skin-quiz-results__container.active .info .label{position:relative;left:auto;top:auto;transform:none}.section-skin-quiz-results__container.active .info p{display:block}@media (max-width:1024px){.section-skin-quiz-results__container.active .info h3{margin:0}}@media (max-width:1024px){.section-skin-quiz-results__container.active .products{padding:2em 2em 1em 2em}}.section-skin-quiz-results__container.active .results-toggle svg{transform:rotate(-90deg)}.section-skin-quiz-results__container.active .no-matches{display:flex}.section-skin-quiz-results .no-matches{display:none;grid-column:1/span 2;width:100%;height:auto;align-items:center;justify-content:center}.section-skin-quiz-results .no-matches span{font-size:.875em}.section-skin-quiz-results .info{display:flex;flex-direction:column;height:auto;align-items:center;justify-content:center;width:35%;min-width:35%;text-align:center;gap:1em;position:relative;padding:0 5%;border-right:1px solid transparent}@media (max-width:1024px){.section-skin-quiz-results .info{display:block;border-bottom:1px solid transparent;min-width:50%;padding-left:6em;text-align:left}}.section-skin-quiz-results .info h3{margin:0;line-height:1;white-space:nowrap}@media (max-width:1024px){.section-skin-quiz-results .info h3{margin:.25em 0}}.section-skin-quiz-results .info .label{position:absolute;left:1em;top:50%;transform:translateY(-50%);text-transform:uppercase;border:1px solid #002152;padding:.25em .375em;border-radius:.375em}.section-skin-quiz-results .info .label span{font-size:.75em;display:block;line-height:1}.section-skin-quiz-results .info p{display:none;font-size:.875em}.section-skin-quiz-results .results-toggle span{display:none}.section-skin-quiz-results .results-toggle svg{box-sizing:border-box;background-color:rgba(var(--color-secondary),1);width:2.5em;height:2.5em;transform:rotate(90deg);transition:transform .15s linear;border-radius:50%;padding:1em}.section-skin-quiz-results .results-toggle svg circle,.section-skin-quiz-results .results-toggle svg line,.section-skin-quiz-results .results-toggle svg path,.section-skin-quiz-results .results-toggle svg polygon,.section-skin-quiz-results .results-toggle svg polyline{fill:none;stroke:rgba(var(--color-black),1);stroke-width:2;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.section-skin-quiz-results .products{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:2em 10%;padding:0 5%}@media (max-width:1024px){.section-skin-quiz-results .products{display:flex;flex-wrap:nowrap;overflow-x:auto}}@media (max-width:520px){.section-skin-quiz-results .products{grid-template-columns:100%}}.section-skin-quiz-results .actions{display:flex;height:auto;align-items:center;padding:0 2em 0 0;width:100%;max-width:4.5em}@media (max-width:1024px){.section-skin-quiz-results .actions{position:absolute;top:1.25em;right:1.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:none}}.section-skin-quiz-results .card-product{display:none}.section-skin-quiz-results .card-product a{pointer-events:none!important}.quiz-bundle-strap{position:fixed;left:0;bottom:0;width:100%;background-color:rgba(var(--color-white),1);box-shadow:0 0 5px rgba(0,0,0,.2);z-index:19;padding:1em 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.quiz-bundle-strap__inner{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.quiz-bundle-strap__inner{flex-direction:column;gap:1em}}.quiz-bundle-strap__selections{display:flex;gap:1em}@media (max-width:768px){.quiz-bundle-strap__selections{min-width:100%}}.quiz-bundle-strap__selections .selection{width:4em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-moz-text-align-last:center;text-align-last:center;display:flex;flex-direction:column;gap:.5em}.quiz-bundle-strap__selections .selection .thumbnail{width:4em;height:4em;background-color:#f5f5f5;position:relative;border-radius:.375em;overflow:hidden}.quiz-bundle-strap__selections .selection .thumbnail.active{cursor:pointer}.quiz-bundle-strap__selections .selection .thumbnail span{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.quiz-bundle-strap__selections .selection .thumbnail:hover span{display:block}.quiz-bundle-strap__selections .selection .label{background-color:rgba(var(--color-white),1);color:#002152;border:1px solid #002152;line-height:1;padding:.25em;border-radius:.375em;width:100%}.quiz-bundle-strap__selections .selection .label span{display:block;line-height:1;font-size:.625em;text-transform:uppercase;font-weight:600;letter-spacing:.1em}@media (max-width:440px){.quiz-bundle-strap__selections .selection .label span{font-size:11px}}.quiz-bundle-strap__actions{display:flex;flex-direction:column;gap:.5em;min-width:440px}@media (max-width:768px){.quiz-bundle-strap__actions{min-width:100%}}.quiz-bundle-strap__actions .meta{display:flex;justify-content:center;white-space:nowrap}.quiz-bundle-strap__actions .meta span{font-size:.875em;text-transform:uppercase}.quiz-bundle-strap__actions .meta .discount{color:rgba(var(--color-failure),1);display:none}.quiz-bundle-strap__actions .meta .save{text-decoration:underline;cursor:pointer;opacity:0!important}.quiz-bundle-strap__actions .meta .save.disabled{opacity:.25;cursor:default;pointer-events:none}.quiz-bundle-strap__actions .meta .savings{display:none}.edit-quiz-answers span{font-size:.875em;text-transform:uppercase}