@keyframes dot-bounce{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ring-pulse{0%{transform:scale(0);opacity:.6}80%{opacity:.3}to{transform:scale(2.5);opacity:0}}.quiz{height:100%;min-height:100vh;display:flex;flex-flow:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,var(--color-powder-ash) 0%,var(--color-mint-darker) 100%)}.quiz__progress{position:absolute;padding:5px;width:90%;top:80px;left:5%;background-color:var(--color-mint)}.quiz__progress--bar{top:0;left:0;background-color:var(--color-green-dark)}@media only screen and (min-width: 1044px){.quiz__progress{width:100%;top:0;left:0}}.quiz__top{position:absolute;top:30px;width:90%;display:flex;justify-content:space-between;z-index:5}.quiz__top-logo{display:none;width:194px;color:var(--color-gray-dark)}@media only screen and (min-width: 1044px){.quiz__top-logo{display:flex}}.quiz__top-btn{display:flex;align-items:center;justify-content:center;height:30px;width:30px;min-width:0;padding:0;font-size:1.25rem;background-color:var(--color-green-dark);border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease}.quiz__top-btn.placeholder{background:none}.quiz__top-btn.exit{background-color:var(--color-coral)}.quiz__form{width:90%;max-width:600px;margin:190px auto;display:flex;flex-direction:column;align-items:center}.quiz__title{font-family:wulkan-display,serif;font-size:30px;line-height:1.1;margin-bottom:1.5rem}@media only screen and (min-width: 960px){.quiz__title{font-size:45px}}.quiz__description{margin-bottom:20px;line-height:1.4}.quiz__section{font-family:utile-display,sans-serif;font-size:20px;line-height:1.1;position:absolute;top:120px}@media only screen and (min-width: 1044px){.quiz__section{top:90px}}.quiz__step{text-align:center;margin-bottom:10px;display:flex;flex-direction:column}.quiz__step[hidden]{display:none}.quiz-input-group{display:flex;flex-direction:column;margin-bottom:10px}.quiz-radio,.quiz-checkbox{text-align:center;margin-bottom:10px;display:flex;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-radio input,.quiz-checkbox input{position:fixed;opacity:0;pointer-events:none}.quiz-radio input:checked+label,.quiz-checkbox input:checked+label{background:var(--color-cream)}.quiz-radio label,.quiz-checkbox label{padding:20px;background:var(--color-sage);cursor:pointer;width:100%;border-radius:10px}.quiz-radio:last-child,.quiz-checkbox:last-child{margin-bottom:0}.quiz__submit{margin-top:10px}.quiz__submit .btn{background-color:var(--color-gray-dark)}.quiz__results{border:none;padding-top:12px}@media only screen and (min-width: 1044px){.quiz__results{padding-top:24px}}.quiz__results-container{display:flex;flex-direction:column}@media only screen and (min-width: 1044px){.quiz__results-container{flex-direction:row;width:100%;-moz-column-gap:60px;column-gap:60px}}.quiz__results-item{display:flex;flex-direction:column;position:relative;flex:1;min-width:0;overflow:hidden;text-align:left;justify-content:center}.quiz__results-item:not(.right){margin-bottom:40px}@media only screen and (min-width: 1044px){.quiz__results-item:not(.right){margin-bottom:0}}.quiz__results-item>*{margin-bottom:1.5rem}.quiz__results-item h1{font-family:wulkan-display,serif;font-size:33px;line-height:1}@media only screen and (min-width: 960px){.quiz__results-item h1{font-size:48px}}@media only screen and (min-width: 1200px){.quiz__results-item h1{font-size:72px}}.quiz__results-item h5{font-family:utile-display,sans-serif;font-size:20px;line-height:1.1}.quiz__results-item .cta{width:-moz-fit-content;width:fit-content;margin-top:10px}.quiz__results-item.right{background-color:var(--color-cream);border-radius:30px;overflow:hidden;padding:20px}@media only screen and (min-width: 600px){.quiz__results-item.right{padding:40px}}.quiz__results-item .quiz__results-graph--element{display:flex;align-items:center;gap:8px;margin-bottom:16px}.quiz__results-item .quiz__results-graph--element.disabled{opacity:.25}.quiz__results-item .quiz__results-graph--element-checkbox{width:18px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--color-gray-dark);cursor:pointer}.quiz__results-item .quiz__results-graph--element-checkbox.selected{background-color:var(--color-mint-darker);border:var(--color-mint-darker)}.quiz__results-item .quiz__results-graph--element-checkbox.disabled{cursor:auto}.quiz__results-item .quiz__results-graph--element-checkmark{width:60%;height:60%;color:var(--color-cream)}.quiz__results-item .quiz__results-graph--element-priority{flex:1 0 auto;position:relative;max-width:calc(100% - 28px)}@media only screen and (min-width: 600px){.quiz__results-item .quiz__results-graph--element-priority{max-width:none}}.quiz__results-item .quiz__results-graph--title{margin-bottom:8px}.quiz__results-item .quiz__results-graph--title.selected{font-size:18px}.quiz__results-item .quiz__results-graph--background{padding:2px 0;background-color:var(--color-tan);border-radius:30px}.quiz__results-item .quiz__results-graph--background.selected{padding:4px 0}.quiz__results-item .quiz__results-graph--bar{background-color:var(--color-green-dark);padding:2px 0;position:absolute;bottom:0}.quiz__results-item .quiz__results-graph--bar.selected{padding:4px 0}.quiz__results-item .quiz__results-recommendation{font-family:utile-display,sans-serif;font-size:20px;line-height:1.1;line-height:1.3}.quiz__results-item .quiz__results-recommendation span{font-style:italic}.quiz__results-item .quiz__results-subtitle{font-family:utile-display,sans-serif;font-size:24px;line-height:1.1}@media only screen and (min-width: 960px){.quiz__results-item .quiz__results-subtitle{font-size:30px}}.quiz__results-item .quiz__results-subtitle strong{font-weight:700}.quiz__results-item .quiz__results-badge{padding:10px 20px;background:var(--color-lavendar);margin-bottom:0;border-radius:200px;width:-moz-fit-content;width:fit-content}.quiz__results-item .quiz__results-products{gap:24px;margin-top:8px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 0;scrollbar-width:none;justify-content:flex-start}.quiz__results-item .quiz__results-product{flex:1;display:flex;flex-direction:column;scroll-snap-align:start;max-width:150px}.quiz__results-item .quiz__results-product--img{position:relative;background-color:var(--color-mint-light);border-radius:16px;text-align:center;height:150px;width:150px;align-content:center}.quiz__results-item .quiz__results-product--quantity-bubble{position:absolute;bottom:-12px;right:-12px;background-color:var(--color-lavendar);color:var(--color-gray-dark);padding:4px 8px;border-radius:9999px}.quiz__results-item .quiz__results-product--title{font-family:utile-display,sans-serif;font-size:16px;line-height:1.25;margin:8px 0 0 4px}.quiz__results-item .quiz__results-product--subtitle{margin:8px 0 0 4px;font-size:14px;color:var(--color-gray-medium)}.quiz__results-item .quiz__results-atc{width:100%;margin-bottom:0}.quiz__results-item .quiz__results-atc .btn{width:100%}.quiz__results-item.is-image,.quiz__results-item.is-both,.quiz__results-item.is-personCard,.quiz__results-item.has-bg-image{border-radius:30px;margin-bottom:2rem}.quiz__results-item.has-bg-image{background-size:0}@media only screen and (min-width: 600px){.quiz__results-item.has-bg-image{aspect-ratio:12/11;background-position:center;background-repeat:no-repeat;background-size:cover}}.quiz__results-item.has-bg-image img{aspect-ratio:12/11;border-radius:30px;overflow:hidden;margin-bottom:2rem}@media only screen and (min-width: 600px){.quiz__results-item.has-bg-image img{display:none}}.quiz__results-item.has-bg-image .imageContent__content{margin:0}@media only screen and (min-width: 600px){.quiz__results-item.has-bg-image .imageContent__content{padding:40px;height:100%;position:relative}.quiz__results-item.has-bg-image .imageContent__content .sanityCtaButton{position:absolute;bottom:40px;width:calc(100% - 80px);margin-bottom:0}}@media only screen and (min-width: 960px){.quiz__results-item.has-bg-image .imageContent__content .sanityCtaButton .btn{width:100%}}.quiz__results-item.is-both .imageContent__content{display:flex;flex-flow:column;align-items:center;text-align:center;padding:25px}@media only screen and (min-width: 600px){.quiz__results-item.is-both .imageContent__content{padding:60px}}@media only screen and (min-width: 1044px){.quiz__results-item.is-both .imageContent__content{padding:60px 90px}}@media only screen and (min-width: 600px){.quiz__results-item.is-both .imageContent__content p{max-width:440px}}.quiz__results-item.is-both.theme--default .imageContent__content{padding:0}@media only screen and (min-width: 1044px){.quiz__results-item{flex:1 0 calc(50% - 30px)}.quiz__results-item.is-image{margin-bottom:0}}.quiz__results--login-module__title{font-family:utile-display,sans-serif;font-size:24px;line-height:1.1;margin-bottom:24px}@media only screen and (min-width: 960px){.quiz__results--login-module__title{font-size:30px}}.quiz__results--login-module__content{max-width:600px;margin:0 auto 24px}.quiz__results--login-module__login{width:-moz-fit-content;width:fit-content;margin:0 auto}