[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: 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) * .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: 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-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 1.5rem;background: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 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--image{flex-direction:column;align-items:stretch;text-align:center;padding:0;gap:0;overflow:hidden}.quiz-answer--image .quiz-answer__content{padding:1rem 1.2rem;width:100%;justify-content:center}.quiz-answer--icon-text{flex-direction:row}.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-answer__indicator--multi-filled:after{content:"";width:11px;height:11px;background:currentColor;border-radius:2px}.quiz-answer__indicator--multi-checkmark:after{content:"check";font-family:Material Symbols Outlined;font-weight:700;font-style:normal;font-size:16px;font-variation-settings:"wght" 700;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;color:currentColor}.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{font-size:1.5rem;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 1.5rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));border-top:1px solid rgba(var(--color-foreground),.1)}.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{display:none!important}}.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}.quiz-nav-btn:hover{opacity:.8}.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{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.25);padding:calc(var(--quiz-nav-vpad, 1.2rem) - 1px) calc(var(--quiz-nav-hpad, 2.4rem) - 1px)}.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--back-outline{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.25);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}.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}}.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}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-quiz.css.map */