[x-cloak]{display:none!important}.quiz-container{display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}.quiz-announcement{padding:.8rem 1.5rem;text-align:center;font-size:1.3rem}.quiz-header{padding:1.5rem;text-align:center}.quiz-logo img{max-height:100%;width:auto;height:auto}.quiz-shop-name{font-size:2rem;font-weight:600;text-decoration:none;color:rgb(var(--color-foreground))}.quiz-checkpoints{--cp-size: var(--cp-size-d, min(32px, max(20px, calc(240px / var(--cp-count, 8)))));--cp-track-offset: var(--cp-size);position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto}.quiz-checkpoints .quiz-checkpoints__track{display:block;position:absolute;left:calc(var(--cp-size) / 2);right:calc(var(--cp-size) / 2);top:50%;transform:translateY(-50%);height:3px;background:var(--cp-track)}.quiz-checkpoints .quiz-checkpoints__fill{display:block;position:absolute;left:calc(var(--cp-size) / 2);top:50%;width:0;transform:translateY(-50%);height:3px;background:var(--cp-fill);transition:width .4s ease}.quiz-checkpoint{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--cp-size);height:var(--cp-size);border-radius:50%;border:2px solid var(--cp-track);background:rgb(var(--color-background))}.quiz-checkpoint__number{font-size:calc(var(--cp-size) * var(--cp-num-ratio-d, .4));font-weight:600;line-height:1;color:var(--cp-track)}.quiz-checkpoint--active{background:var(--cp-fill);border-color:var(--cp-fill)}.quiz-checkpoint--active .quiz-checkpoint__number{color:rgb(var(--color-background))}.quiz-checkpoint--end{min-width:var(--cp-size)}.quiz-checkpoint__icon{font-size:calc(var(--cp-size) * .56);line-height:1;color:var(--cp-track)}.quiz-checkpoint--active .quiz-checkpoint__icon{color:rgb(var(--color-background))}.quiz-checkpoint__emoji{width:calc(var(--cp-size) * .56);height:calc(var(--cp-size) * .56);object-fit:contain}.quiz-checkpoint--no-circle{border-color:transparent;background:rgb(var(--color-background))}.quiz-checkpoint--no-circle .quiz-checkpoint__icon{font-size:var(--cp-size)}.quiz-checkpoint--no-circle .quiz-checkpoint__emoji{width:var(--cp-size);height:var(--cp-size)}.quiz-checkpoint--no-circle.quiz-checkpoint--active{background:rgb(var(--color-background))}.quiz-checkpoint--no-circle.quiz-checkpoint--active .quiz-checkpoint__icon{color:var(--cp-fill)}@media screen and (max-width:749px){.quiz-checkpoints{--cp-size: var(--cp-size-m, min(26px, max(18px, calc(200px / var(--cp-count, 8)))));--cp-track-offset: calc(3rem + var(--cp-size));padding-left:1.5rem;padding-right:1.5rem}.quiz-checkpoint__number{font-size:calc(var(--cp-size) * var(--cp-num-ratio-m, .4))}.quiz-checkpoints .quiz-checkpoints__track{left:calc(1.5rem + var(--cp-size) / 2);right:calc(1.5rem + var(--cp-size) / 2)}.quiz-checkpoints .quiz-checkpoints__fill{left:calc(1.5rem + var(--cp-size) / 2)}}.quiz-page{flex:1;padding:2rem var(--quiz-pad-x-m, 1.5rem);background:var(--quiz-surface, rgb(var(--color-background)));color:rgb(var(--color-foreground))}.quiz-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:inherit;z-index:-1;pointer-events:none;display:block}@media screen and (min-width:750px){.quiz-page{padding:2.5rem var(--quiz-pad-x-d, 3rem)}}.quiz-page-inner{margin:0 auto;max-width:var(--quiz-page-width, 100%)}.quiz-page-heading{font-size:2.4rem;line-height:1.3;margin:0 0 .8rem}@media screen and (min-width:750px){.quiz-page-heading{font-size:3rem}}.quiz-page-description{font-size:1.5rem;line-height:1.5;opacity:.8;margin:0 0 2.5rem}.quiz-page-guide{display:flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;margin-bottom:2rem;border:2px dashed rgba(var(--color-foreground),.2);border-radius:8px;background:rgba(var(--color-foreground),.02)}.quiz-page-guide__label{font-size:1.2rem;font-weight:600;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.quiz-answers{display:flex;flex-direction:column;min-width:0}.quiz-answers--horizontal{display:grid}.quiz-answer{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;font:inherit;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}.quiz-answer__indicator{flex-shrink:0}.quiz-answer__indicator--single{width:26px;height:26px}.quiz-answer__indicator--single svg{width:26px;height:26px}.quiz-answer__indicator-unchecked{display:block}.quiz-answer__indicator-checked,.quiz-answer--selected .quiz-answer__indicator-unchecked{display:none}.quiz-answer--selected .quiz-answer__indicator-checked{display:block}.quiz-answer__indicator--multi{display:block;position:relative;width:22px;height:22px;min-width:22px;border:calc(var(--quiz-indicator-border, 2) * 1px) solid currentColor;border-radius:5px;background:transparent;transition:all .2s ease}.quiz-answer__indicator--single svg{stroke-width:var(--quiz-indicator-border, 2)}.quiz-answer__indicator--multi:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease}.quiz-answers--ind-filled .quiz-answer__indicator--multi:after{content:"";width:11px;height:11px;background:currentColor;border-radius:2px}.quiz-answers--ind-checkmark .quiz-answer__indicator--multi:after{content:"";display:block;width:14px;height:14px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='white' d='M382-208 122-468l90-90 170 170 366-366 90 90-456 456Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='white' d='M382-208 122-468l90-90 170 170 366-366 90 90-456 456Z'/%3E%3C/svg%3E") center/contain no-repeat}.quiz-answer--selected .quiz-answer__indicator--multi:after{transform:translate(-50%,-50%) scale(1)}.quiz-answer__image{display:block;width:100%;object-fit:cover}.quiz-answer__image-wrapper{width:100%;line-height:0;overflow:hidden}.quiz-answer__icon{line-height:1}.quiz-answer__emoji{object-fit:contain;vertical-align:middle}.quiz-answer__custom-icon{object-fit:contain}.quiz-answer__text-group{display:flex;flex-direction:column;gap:.2rem}.quiz-answer__text{line-height:1.4}.quiz-answer__subtext{line-height:1.4;opacity:.6}.quiz-page-error{display:flex;align-items:center;gap:.6rem;padding:1rem 1.4rem;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:8px;background:#dc262614;color:#b91c1c;font-size:1.4rem;line-height:1.4}.quiz-page-error__icon{font-size:2rem;line-height:1;flex-shrink:0}.quiz-page-nav{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.quiz-page-nav__buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.quiz-page-nav__buttons--full-width{width:100%;align-items:stretch}.quiz-page-nav__buttons--full-width>:first-child{flex:0 0 auto;padding-left:2.2rem;padding-right:2.2rem}.quiz-page-nav__buttons--full-width>:last-child{flex:1}@media screen and (max-width:749px){.quiz-page{padding-bottom:10rem}.quiz-page-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:rgb(var(--color-background));margin-top:0;padding:1.2rem var(--quiz-pad-x-m, 1.5rem);padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));border-top:1px solid rgba(var(--color-foreground),.1)}.quiz-page[data-nav-in-flow]{padding-bottom:2rem}.quiz-page[data-nav-in-flow] .quiz-page-nav{position:static;padding:0;background:none;border-top:0}.quiz-page-nav .quiz-page-nav__buttons--full-width{width:100%}.quiz-page-nav .quiz-page-nav__buttons--full-width>:first-child{flex:0 0 auto;padding-left:1.2rem;padding-right:1.2rem}.quiz-page-nav .quiz-page-nav__buttons--full-width>:last-child{flex:1}.quiz-page--no-mobile-nav{padding-bottom:0}.quiz-page-nav--hide-mobile,.quiz-page-nav--empty{display:none!important}.quiz-page[data-pin-last]{padding-bottom:0}.quiz-page[data-pin-last] .quiz-page-nav{display:none!important}.quiz-page[data-pin-last] .quiz-page-inner>.shopify-block:nth-last-child(1 of:has(>.sugar-quiz-content:not([hidden])))>.sugar-quiz-content>.shopify-block:nth-last-child(1 of.shopify-block){position:sticky;bottom:0;z-index:10;padding:1.2rem 0 calc(1.2rem + env(safe-area-inset-bottom));background:rgb(var(--color-background));box-shadow:0 0 0 100vmax rgb(var(--color-background));clip-path:inset(0 -100vmax)}}.quiz-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:var(--quiz-nav-vpad, 1.2rem) var(--quiz-nav-hpad, 2.4rem);font-size:1.6rem;font-weight:500;letter-spacing:.04rem;cursor:pointer;border:none;font-family:inherit;color:inherit;text-decoration:none;transition:opacity .2s ease}@media(hover:hover){.quiz-nav-btn:hover{opacity:.8}}.quiz-nav-btn.quiz-nav-btn--dimmed{opacity:.35;cursor:not-allowed}.quiz-nav-btn__icon{font-size:2.2rem;line-height:1}.quiz-nav-btn--has-suffix{position:relative;padding-right:calc(var(--quiz-nav-hpad, 2.4rem) + 2.4rem)}.quiz-page-nav__buttons--full-width .quiz-nav-btn--has-suffix{padding-left:calc(var(--quiz-nav-hpad, 2.4rem) + 2.4rem)}.quiz-nav-btn__icon--next{position:absolute;right:1.6rem;top:50%;transform:translateY(calc(-50% + .5px))}.quiz-nav-btn--next-primary{background:var(--button-primary-bg-surface);color:var(--button-primary-text);border:var(--button-primary-border) solid var(--button-primary-border-color)}.quiz-nav-btn--next-secondary{background:var(--button-secondary-bg-surface);color:var(--button-secondary-text);border:var(--button-secondary-border) solid var(--button-secondary-border-color)}.quiz-nav-btn--next-outline,.quiz-nav-btn--next-outline-accent,.quiz-nav-btn--back-outline,.quiz-nav-btn--back-outline-accent{--ol: var(--color-foreground);background:transparent;color:rgb(var(--ol));border:var(--button-outline-border) solid rgba(var(--ol),var(--button-outline-border-opacity));padding:calc(var(--quiz-nav-vpad, 1.2rem) - var(--button-outline-border)) calc(var(--quiz-nav-hpad, 2.4rem) - var(--button-outline-border))}.quiz-nav-btn--next-outline-accent,.quiz-nav-btn--back-outline-accent{--ol: var(--color-accent)}.quiz-nav-btn--back-primary{background:var(--button-primary-text);color:var(--button-primary-bg);border:1px solid var(--button-primary-bg);padding:calc(var(--quiz-nav-vpad, 1.2rem) - 1px) calc(var(--quiz-nav-hpad, 2.4rem) - 1px)}.quiz-nav-btn--back-secondary{background:var(--button-secondary-text);color:var(--button-secondary-bg);border:1px solid var(--button-secondary-bg);padding:calc(var(--quiz-nav-vpad, 1.2rem) - 1px) calc(var(--quiz-nav-hpad, 2.4rem) - 1px)}.quiz-nav-btn--no-border{border:none}.quiz-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.quiz-header-row .quiz-header{grid-column:2}.quiz-header-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.4rem;padding-left:1.5rem}.quiz-back-header{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));padding:.4rem;transition:opacity .2s ease}@media(hover:hover){.quiz-back-header:hover{opacity:.7}}.quiz-back-header__text{display:none}@media screen and (min-width:750px){.quiz-back-header__text{display:inline}}.quiz-back-header .quiz-nav-btn__icon{font-size:2.4rem}.quiz-skip{display:inline-flex;align-items:center;gap:.4rem;font-size:1.3rem;color:rgb(var(--color-foreground));text-decoration:none}.quiz-skip__text{text-decoration:underline;text-underline-offset:3px}.quiz-skip__emoji{width:1.4em;height:1.4em;object-fit:contain}@media screen and (min-width:750px){.quiz-skip{font-size:1.4rem}}@media(hover:hover){.quiz-skip:hover{opacity:.7}}.quiz-pagination{font-size:1.4rem;font-weight:500;line-height:2.4rem;color:rgba(var(--color-foreground),.5);white-space:nowrap}.quiz-pagination__sep{margin:0}.quiz-page-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1000}.quiz-page-confetti span{position:absolute;display:block;left:var(--confetti-x);top:var(--confetti-y);width:8px;height:14px;border-radius:2px;background:var(--confetti-color, #ffc700);opacity:0;transform:translate(-50%,-50%) scale(0);animation:quizConfettiBurst var(--confetti-duration, 1.4s) cubic-bezier(.2,.6,.35,1) var(--confetti-delay, 0s) forwards}@keyframes quizConfettiBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0)}25%{opacity:1;transform:translate(calc(-50% + var(--confetti-dx)),calc(-50% + var(--confetti-dy))) scale(1) rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + var(--confetti-end-dx)),calc(-50% + var(--confetti-end-dy))) scale(.4) rotate(540deg)}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-quiz.css.map */