.shopify-section:has(.image-with-text){transition:opacity .4s}.fade-out{opacity:0}.fade-in{opacity:1!important}.control-btns{position:absolute;top:40px;left:0;right:0;width:100%;margin:auto;display:flex;justify-content:space-between}.image-with-text .grid__item{gap:2rem}.quiz-view.step-03 .control-btns,.quiz-view.step-06 .control-btns{top:-60px}.control-btns .prev-btn{text-decoration:underline;cursor:pointer}.quiz-start-btn:hover:after{box-shadow:none!important}.button--secondary{border:1px solid black;color:#000;transition:all .6s;font-family:var(--font-body-family)!important}.button--blue.button--secondary{background:#ef776a;color:#fff}.button--secondary:after,.button--secondary:before,.button--blue:after,.button--blue:before{box-shadow:none!important}.button--secondary:hover{background:#ef776a;border:1px solid #ef776a;color:#fff}.grid{flex-direction:row-reverse}.image-with-text__content{padding:0!important}.image-with-text__text-item{align-self:center}.image-with-text__heading{font-size:60px;line-height:60px}.image-with-text__content .button{width:335px;max-width:100%;text-transform:uppercase}.image-with-text__text.subtitle{max-width:397px;line-height:24px}.quiz-view{position:relative;z-index:3;width:100%;height:100%;min-height:87vh;background:#fff;display:none;opacity:0;transition:opacity .4s;margin-bottom:7rem}.quiz-view .quiz-view--content{position:relative}.flex-container{width:100%;height:100%;min-height:67vh;display:flex}.quiz-block{margin:auto;max-width:430px;text-align:center}.quiz-title{font-size:30px;line-height:36px;font-family:var(--font-body-family);text-align:center}.quiz-block .button{display:block;max-width:312px;width:100%;margin:15px auto;line-height:46px;text-transform:uppercase}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:10px auto}.field__search-wrapper{margin:100px auto 0;border-bottom:1px solid lightgray;position:relative}.results-info-wrapper{margin:25px auto 0;display:flex;justify-content:space-between}.results-info-wrapper .scent-not-found{color:#ef776a;cursor:pointer;text-decoration:underline}.field__search-wrapper .icon-search{width:20px;height:20px;position:absolute;left:0;top:15px}.field__search-wrapper input{width:100%;font-size:16px;line-height:20px;padding-left:31px;height:51px;border:none;outline:0}.field__search-wrapper input::placeholder{color:#ef776a}.grid-item{background:#faf6f0;border:1px solid #ef776a;padding:47px 0;border-radius:10px;text-align:center}.grid-item .product-footer{font-size:12px}.grid-item .product-vendor,.grid-item .product-name{line-height:1.2;font-weight:500;font-size:14px;text-transform:uppercase;font-family:var(--font-heading-family)}.grid-item .btn-select{max-width:fit-content;cursor:pointer;margin:10px auto 0;font-size:14px;padding:7px 15px;text-transform:uppercase;border-radius:26px;background:#ef776a;color:#fff;line-height:1}.grid-item .btn-select.remove,.max-limit .grid-item .btn-select{max-width:170px;background:transparent;color:#ef776a;text-transform:capitalize}.button--blue{width:212px;background:#01439f;position:fixed;bottom:10%;right:7%;z-index:1;display:none;border-color:inherit;text-align:center;padding-left:10px;padding-right:10px}.quiz-input-wrapper{position:relative;max-width:300px;margin:25px auto auto}.quiz-input-wrapper .field__label{left:0}.quiz-input-wrapper .field__input{border-bottom:1px solid #212121;border-radius:0;padding-bottom:12px;padding-left:0}.quiz-input-wrapper .field__input:focus{border-radius:0}.smell-container{max-width:700px;margin:50px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.smell-img-wrapper{cursor:pointer}.smell-img-wrapper img.selected{border:5px solid #ef776a;border-radius:15px}.smell-img-wrapper.disabled{opacity:.5;pointer-events:none}.smell-title{line-height:1;margin-top:10px;font-size:15px}.smell-title strong{line-height:0}.quiz-results-container{display:grid;max-width:800px;width:100%;grid-template-columns:repeat(auto-fit,calc(50% - 7px));justify-content:center;gap:14px;margin:50px auto 0}.quiz-results-container .product-card-wrapper{display:none}.quiz-results-container .product-card-wrapper:nth-child(-n+4){display:block}.quiz-results-container .card{flex-direction:row!important}.results-title{margin:100px auto 50px;max-width:530px;font-size:30px;line-height:36px;text-align:center;color:#ef776a;font-family:inherit}.quiz-results-container .card__information{margin-bottom:0}.quiz-results-container .quick-add.mobile-hidden{display:none!important}.quiz-results-container .quick-add.desktop-hidden{display:block!important}.quiz-results-container .quick-add__submit{padding:0;background:#fffcf6;border:none;height:auto;margin-top:10px}.quiz-results-container .quick-add__submit:hover{background:#fffcf6;color:#212121}.quiz-results-container .card__inner{max-width:140px}.quiz-results-container .card__metadata--reviews{order:1}.quiz-results-container .card__metadata--inspired{order:2}.bottom-container{margin-top:60px;text-align:center}.bottom-container .bottom-title{font-size:20px;margin-bottom:15px}.quiz-results-container .card__badge--type{display:none}.quiz-results-container .quick-add__submit{justify-content:flex-start}@media (max-width: 1140px){.grid-container,.smell-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 991px){.grid-container,.smell-container{grid-template-columns:repeat(3,1fr)}.image-with-text__heading{font-size:40px;line-height:40px}}@media (max-width: 749px){.control-btns{top:15px}.quiz-title{font-size:2.5rem;line-height:3rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:43rem;font-family:var(--font-heading-family)}.grid-container,.smell-container{grid-template-columns:repeat(2,1fr)}.quiz-results-container{grid-template-columns:1fr}.results-title{font-size:25px;line-height:30px}.grid{flex-direction:column-reverse}.grid .image-with-text__heading{font-size:3rem;line-height:3.4rem;margin:auto;text-align:center}.grid .image-with-text__heading br{display:none}.grid .image-with-text__content>*+*{margin-top:0}.grid .image-with-text__text{max-width:31rem;font-size:1.6rem;line-height:2rem;text-align:center;margin:0 auto 1.2rem}.image-with-text .image-with-text__media-item>.quiz-start-btn{width:100%;border-radius:var(--buttons-radius-outset);margin-top:2rem}.button--blue{position:relative;width:100%;left:initial;right:initial}.quiz-start-btn{text-transform:uppercase}.results-info-wrapper{flex-flow:column-reverse}.quiz-block .button{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/1038/assets/template-quiz.css.map */