:root{--quiz-info-color: #f89902;--quiz-highlight-color: #eceadd;--quiz-border-color: #dfddd2;--header-height: calc(57.883px + 8px + 8px);--ticker-height: 24px;--navigation-height: calc(var(--header-height) + var(--ticker-height))}#reamazejs-container,#reamaze-widget,#reamaze-widget-container,#reamaze-widget-label-container,#gorgias-chat-container{display:none!important}.quiz{--quiz-shadow-gutter: clamp(1.25rem, 4vw, 2.5rem);--quiz-slide-mask-width: 1.5rem;width:100%;max-width:calc(42rem + var(--quiz-shadow-gutter) + var(--quiz-shadow-gutter));height:calc(100dvh - var(--navigation-height));overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;padding-inline:var(--quiz-shadow-gutter);margin-inline:auto;text-align:center;display:flex;flex-direction:column}.quiz .progress{height:.5rem;width:0%;border:1px solid transparent;border-radius:1rem;margin-block-end:2rem;margin-inline:auto;transition:all .5s ease-in-out}.quiz .progress.active{width:100%;border-color:var(--quiz-border-color);box-shadow:.5rem .5rem 2rem var(--quiz-highlight-color)}.quiz .progress .bar{background:var(--quiz-info-color);width:0%;height:100%;border-radius:1rem;transition:all .25s ease-in-out}.quiz .note{font-size:.7rem;text-transform:uppercase;font-weight:500;letter-spacing:3px;margin:0;transition:all .5s ease-in-out}.quiz .title{font-size:4rem;line-height:.85;font-weight:400}.quiz:not(.final) .quiz-container{margin-block-start:2rem}.quiz .quiz-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.quiz .quiz-container:before,.quiz .quiz-container:after{content:"";position:absolute;z-index:2;inset-block:0;width:calc(var(--quiz-shadow-gutter) + var(--quiz-slide-mask-width));pointer-events:none;opacity:0;transition:opacity .25s ease-in-out}.quiz .quiz-container:before{right:100%;background:linear-gradient(to left,transparent,var(--color-creme, #fcfaf2) var(--quiz-slide-mask-width))}.quiz .quiz-container:after{left:100%;background:linear-gradient(to right,transparent,var(--color-creme, #fcfaf2) var(--quiz-slide-mask-width))}.quiz .quiz-container.is-transitioning:before,.quiz .quiz-container.is-transitioning:after{opacity:1}.quiz .quiz-container .slide{animation-name:quizSlideIn;animation-duration:.4s;animation-fill-mode:forwards;height:100%;flex:1;display:flex;flex-direction:column}.quiz .quiz-container .slide .sub{color:var(--quiz-info-color);font-size:.7rem;text-transform:uppercase;font-weight:500;letter-spacing:3px;margin:0}.quiz .quiz-container .slide .question{text-transform:uppercase;font-weight:400;font-size:1.6rem;letter-spacing:2px;line-height:1.1;margin-block:.5rem 2rem;text-wrap:balance}.quiz .quiz-container .slide .options{display:flex;flex-direction:column;gap:.75rem}.quiz .quiz-container .slide>button,.quiz .quiz-container .slide .options>button{all:unset;font-size:1rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;border:1px solid var(--quiz-border-color);padding:.9rem;border-radius:2rem;cursor:pointer;box-shadow:.5rem .5rem 2rem var(--quiz-highlight-color);transition:background-color .25s ease-in-out}:is(.quiz .quiz-container .slide>button,.quiz .quiz-container .slide .options>button):not(.back):hover{background-color:var(--quiz-highlight-color)}:is(.quiz .quiz-container .slide>button,.quiz .quiz-container .slide .options>button) .hint{text-transform:none;font-size:.75rem;line-height:1.25rem;display:block;margin-block:0;text-wrap:balance;font-weight:400;margin-inline:0rem;letter-spacing:.05rem}.quiz .quiz-container .slide button.back,.quiz .quiz-container .slide button.restart{font-size:.7rem;font-weight:500;letter-spacing:3px;margin:0;text-align:center;margin-block-start:1rem;border:none;box-shadow:none;display:inline;background:transparent}:is(.quiz .quiz-container .slide button.back,.quiz .quiz-container .slide button.restart):before{content:"\25c4  ";font-size:1rem;color:var(--quiz-highlight-color);color:var(--quiz-info-color)}.quiz .quiz-container .slide button.restart:hover{background:transparent}.quiz .quiz-container .slide button.back{margin-block-start:auto}.quiz.final .progress,.quiz.final .note{display:none}.quiz.final .title{margin-block:.5rem 1rem;font-weight:400}.quiz.final .sub{font-size:.8rem}.quiz.final .result-notes{font-size:1rem;letter-spacing:2px;margin:0;text-wrap:balance}.quiz.final .product{flex:1;min-height:0;display:flex;flex-direction:column}.quiz.final .product .product-image{min-height:0}.quiz.final .product .product-image img{width:100%;height:100%;object-fit:contain}.quiz.final .product .product-meta{border-top:1px solid var(--quiz-border-color);padding-block-start:1rem;margin-block-start:1rem}.quiz.final .product .product-meta .quantity-recommendation{margin:0;font-family:Montserrat,sans-serif;font-size:.85rem;letter-spacing:2px;text-align:center;text-transform:uppercase;display:flex;justify-content:center;gap:.5rem}.quiz.final .product .product-meta .quantity-recommendation .recommendation-value{position:relative;display:inline-block;overflow:hidden;font-weight:700;transition:all .5s linear}.quiz.final .product .product-meta .quantity-recommendation .recommendation-value:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-image:linear-gradient(90deg,#fff0 0,#fff 50%,#fff0);animation:shine 2s ease 2s infinite;opacity:.7;pointer-events:none}.quiz .quiz-result-atc{margin-block:1rem}.quiz .quiz-result-atc .pdp-globals,.quiz .quiz-result-atc .global-atc{width:100%}.quiz .quiz-result-atc .global-atc{position:static;padding:0}.quiz .quiz-result-atc .global-atc>.container{width:100%;max-width:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem;align-items:stretch;justify-content:space-between}.quiz .quiz-result-atc .global-atc .atc-left,.quiz .quiz-result-atc .global-atc .atc-right{display:flex;flex:1 1 100%;gap:.25rem;align-items:stretch}.quiz .quiz-result-atc .global-atc .atc-left.disabled{opacity:.3;pointer-events:none}.quiz .quiz-result-atc .global-atc .atc-left>.mobile-only{flex:1 1 auto}.quiz .quiz-result-atc .global-atc .atc-mid{display:none}.quiz .quiz-result-atc .global-atc .atc-right{justify-content:flex-end}.quiz .quiz-result-atc .global-atc .atc-right>.mobile-only{flex:1 1 auto}.quiz .quiz-result-atc .global-atc .qty-selector,.quiz .quiz-result-atc .global-atc select,.quiz .quiz-result-atc .global-atc button{box-sizing:border-box;min-height:2.75rem;border:1px solid var(--quiz-border-color);border-radius:.25rem}.quiz .quiz-result-atc .global-atc button{-webkit-appearance:none;appearance:none;width:auto;margin:0;padding:.75rem 1rem;background:#000;color:#fff;box-shadow:none;font:inherit;font-size:.85rem;font-weight:500;letter-spacing:0;line-height:1;text-transform:none;cursor:pointer}.quiz .quiz-result-atc .global-atc button:hover{background:#000}.quiz .quiz-result-atc .global-atc button.disabled{opacity:.3;pointer-events:none}.quiz .quiz-result-atc .global-atc select{-webkit-appearance:none;appearance:none;margin:0;padding:.75rem 2rem .75rem .75rem;background:transparent;background-image:url(chevron-down-black.svg);background-repeat:no-repeat;background-position:calc(100% - .75rem) 50%;color:inherit;font:inherit;cursor:pointer}.quiz .quiz-result-atc .global-atc .qty-selector{display:flex;align-items:center}.quiz .quiz-result-atc .global-atc .qty-up,.quiz .quiz-result-atc .global-atc .qty-down{padding:.65rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.quiz .quiz-result-atc .global-atc .qty-val{-webkit-appearance:none;appearance:none;width:3ch;min-width:3ch;border:0;background:transparent;color:inherit;font:inherit;text-align:center;outline:none}.quiz .quiz-result-atc .global-atc .preorder{align-self:center;font-size:.75rem}.quiz .quiz-result-atc .global-atc .atc-archived{width:100%;text-align:center}.quiz .quiz-result-atc .global-atc .desktop-only,.quiz .quiz-result-atc .global-atc .v-sel-desktop{display:none!important}.quiz .quiz-result-atc .global-atc .mobile-only,.quiz .quiz-result-atc .global-atc .v-sel-mobile{display:block}.quiz .quiz-result-atc .global-atc .atc-button.mobile-only,.quiz .quiz-result-atc .global-atc .subscribe-atc.mobile-only{width:100%}@media(any-hover:hover)and (any-pointer:fine){.quiz{-ms-overflow-style:none;scrollbar-width:none}.quiz::-webkit-scrollbar{display:none;width:0;height:0}}@media screen and (max-width:800px){.quiz .title{font-size:2.75rem}}@keyframes shine{0%{transform:translateZ(0)}50%,to{transform:translate3d(200%,0,0)}}@keyframes quizSlideOut{to{transform:translate(-100%);opacity:0}}@keyframes quizSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes quizSlideOutReverse{to{transform:translate(100%);opacity:0}}@keyframes quizSlideInReverse{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes quizResultIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/quiz-app.css.map */