.tq-section{position:relative}.tq__wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center}.tq__image--right{direction:rtl}.tq__image--right>*{direction:ltr}.tq__no-image{grid-template-columns:1fr;min-height:0}.tq__image-panel{position:relative;overflow:hidden}.tq__content-panel{display:flex;flex-direction:column;overflow-y:auto;background-color:rgb(var(--color-background))}typeform-quiz{display:block;width:100%}.tq__content-inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem}.tq__no-image .tq__content-inner{justify-content:flex-start;padding-top:4rem;padding-bottom:8rem}.tq__content-inner .quiz-step-content{max-width:520px;width:100%;margin:0 auto;text-align:left;align-items:flex-start}.tq__content-inner .quiz-options-container{margin-inline:0}.tq__content-inner .quiz-field-wrapper{align-items:flex-start}.tq__nav-bar{--button-background: var(--secondary-button-background);--button-text-color: var(--secondary-button-text);position:absolute;bottom:2.4rem;right:2.4rem;display:flex;align-items:center;gap:4px;z-index:10}.tq__nav-prev,.tq__nav-next{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:1rem;border:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease;flex-shrink:0}.tq__nav-prev{background-color:rgba(var(--button-background),.15);color:rgba(var(--button-background),var(--alpha-button-background))}.tq__nav-prev:hover{background-color:rgba(var(--button-background),.22)}.tq__nav-next{background-color:rgba(var(--button-background),var(--alpha-button-background));color:rgb(var(--button-text-color))}.tq__nav-next:hover{opacity:.88;transform:translateY(-1px)}.tq__nav-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.tq__nav-prev svg,.tq__nav-next svg{transform:rotate(-90deg)}.tq__inline-btn-wrap{display:flex;justify-content:flex-start;width:100%;max-width:700px}.tq__inline-btn{min-height:4.8rem;padding:1rem 2.4rem;font-size:1.5rem;border-radius:4rem;cursor:pointer}.tq__intro-title{margin-block-end:0}@media screen and (max-width:767px){.tq__wrapper,.tq__image--right{grid-template-columns:1fr;direction:ltr}.tq__image--right .tq__image-panel{order:-1}.tq__image-panel{min-height:44vw}.tq__content-inner{padding:2.4rem 1.6rem}.tq__nav-bar{bottom:1.6rem;right:1.2rem;gap:3px}.tq__nav-prev,.tq__nav-next{width:4.2rem;height:4.2rem;border-radius:.8rem}.tq__no-image .tq__content-inner{padding-bottom:7rem}}@keyframes tq-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tq__content-inner .quiz-step-content{animation:tq-fade-up .25s ease}.tq__content-inner .quiz-step-content{display:flex;flex-direction:column;row-gap:2rem}.tq__content-inner .quiz-container .Heading{margin-block-end:0}.tq__content-inner .quiz-input-field{width:100%;max-width:700px;border-radius:8px;background-color:var(--dark-background);border:1px solid var(--border-color);color:var(--light-text-color);padding:6px 14px;font-size:calc(var(--mobile-base-text-font-size) + 2px)}@media screen and (min-width:641px){.tq__content-inner .quiz-input-field{padding:8px 16px;font-size:var(--base-text-font-size)}}.tq__content-inner .quiz-options-container{max-width:700px;width:100%}.tq__content-inner .quiz-option-button{width:100%;padding:6px 14px;border-radius:8px;background-color:var(--dark-background);color:var(--light-text-color);border:none;cursor:pointer;display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:10px;font-size:var(--mobile-base-text-font-size);transition:all .2s ease;line-height:1.5}@media screen and (min-width:641px){.tq__content-inner .quiz-option-button{padding:8px 16px;margin-bottom:12px}}.tq__content-inner .quiz-option-button:hover{opacity:.9;transform:translateY(-1px)}.tq__content-inner .quiz-option-button:active{transform:translateY(0)}.tq__content-inner .quiz-option-button.selected{border:1px solid var(--border-color);background-color:var(--link-hover-color);color:var(--link-color)}.tq__content-inner .quiz-radio-circle{width:24px;height:24px;min-width:24px;border:2px solid #8caa9d;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tq__content-inner .selected .quiz-radio-circle{border-color:transparent}.tq__content-inner .quiz-radio-circle-inner{width:16px;height:16px;border-radius:50%;background-color:var(--border-color);display:none;transition:all .2s ease}.tq__content-inner .selected .quiz-radio-circle-inner{display:block;background-color:var(--link-color)}.tq__content-inner .quiz-checkbox-square{width:24px;height:24px;min-width:24px;border:2px solid #8caa9d;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tq__content-inner .selected .quiz-checkbox-square{border-color:transparent}.tq__content-inner .quiz-checkbox-check{display:none;transition:all .2s ease}.tq__content-inner .selected .quiz-checkbox-check{display:block}.tq__content-inner .quiz-results-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:1rem 0;width:100%}@media screen and (min-width:641px){.tq__content-inner .quiz-results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.tq__content-inner .quiz-result-card{border:2px solid transparent;box-shadow:0 0 5px #00000026;background:transparent;padding:16px;border-radius:6px;transition:all .3s ease;display:grid;row-gap:1.6rem;height:100%}.tq__content-inner .quiz-result-card:hover{box-shadow:0 0 5px #0000004d}.tq__content-inner .quiz-helper-text,.tq__content-inner .quiz-footer-text{margin-block-end:0}.tq__content-inner .quiz-loading-message{text-align:center;color:#5a6f65;padding:40px;font-size:1.1rem;grid-column:1 / -1}.tq__content-inner .quiz-error-message{text-align:center;padding:40px;grid-column:1 / -1}.tq__content-inner .quiz-error-message p,.tq__content-inner .quiz-error-message{color:#d9534f;font-size:1rem}.tq__content-inner .quiz-field-wrapper{width:100%;display:flex;flex-direction:column;justify-content:flex-start}.tq__content-inner .field-error{color:#d9534f;font-size:.8em}@keyframes tq-spin{to{transform:rotate(360deg)}}.tq__content-inner .quiz-loading-message:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;border:3px solid #5a6f65;border-top-color:transparent;border-radius:50%;animation:tq-spin .8s linear infinite;vertical-align:middle}.tq__content-inner .quiz-option-button:focus,.tq__content-inner .quiz-input-field:focus{outline:2px solid #8caa9d;outline-offset:2px}.tq__content-inner .quiz-view-collection{font-size:1.4rem;padding:8px 12px;min-height:inherit}@media screen and (min-width:641px){.tq__content-inner .quiz-view-collection{font-size:1.6rem}}.tq__content-inner .result-card--description{margin-block-end:0}
/*# sourceMappingURL=/cdn/shop/t/126/assets/component-quiz.css.map */