.quiz-header{width:100%;max-width:600px;margin:2rem auto;margin-left:0;display:flex;justify-content:left;padding-right:.5rem}.quiz-container{width:100%;height:100%;max-width:1600px;margin:auto;position:relative;display:flex;flex-direction:column;background:#fff;overflow:hidden}.quiz-main{display:grid;gap:24px;grid-template-columns:repeat(12,1fr);max-width:1461px;padding:6rem 0px}.quiz-image{grid-column-end:7;grid-column-start:1;height:100%}.quiz-image img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:4 / 3;max-height:580px;max-width:650px}.quiz-content-right{grid-column-end:13;grid-column-start:8;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;padding-left:2rem;box-sizing:border-box}.qioz-img-mobile{display:none}.qioz-img-desktop{display:flex;align-items:center}.quiz-progress{height:7px;background:#999;border-radius:3px;border:.5px solid #929294;overflow:hidden;width:100%;max-width:600px;align-self:center;margin:0 1rem}.quiz-progress-bar{height:100%;background-color:#3e6ae1;width:0%;display:block!important;transition:width .3s ease}.quiz-content-wrapper{width:100%;max-width:600px;height:100%;overflow-y:auto;position:relative;display:flex;align-items:center;justify-content:center;height:394px}.quiz-content-slide{position:relative;width:100%;display:flex;align-self:flex-start}.quiz-slide{opacity:0;transition:opacity .4s ease;will-change:opacity;pointer-events:none;position:absolute;top:0;left:0;width:100%}.quiz-slide.active{opacity:1;pointer-events:auto;position:relative}.quiz-slide.fade-out{opacity:0;pointer-events:none;transition:opacity .4s ease;position:absolute}.quiz-slide h3{font-size:28px;line-height:36px;text-align:left;margin-bottom:2rem;padding:0 .5rem;margin-top:0;letter-spacing:0px;font-weight:400}.quiz-options{display:flex;flex-direction:column;gap:0rem;width:100%;padding:0 .5rem}.quiz-options button{background:#fff;color:#000;border:1px solid #444;margin-bottom:2rem;padding:16px 12px;font-size:1.6rem;border-radius:4px;cursor:pointer;transition:border-color .3s,background .3s,transform .2s,color .3s}.quiz-options button:hover{background:#fff;border-color:#3e6ae1;color:#000}.quiz-options button.selected{border-color:#3e6ae1;color:#000;border:1px solid #3e6ae1;outline:2px solid #3e6ae1}.quiz-next-btn{width:100%;max-width:600px;text-align:center;padding:0 .5rem}.quiz-next-btn button{background:#3e6ae1;color:#fff;padding:.75rem 2rem;border-color:#3e6ae1;border:1px solid #3e6ae1;outline:1px solid #3e6ae1;font-size:14px;border-radius:4px;height:48px;width:100%;cursor:pointer;transition:background .3s}.quiz-next-btn button:hover{background:#fff;border:3px solid #3e6ae1;color:#000}.quiz-back-button>button>svg{height:16px}.quiz-back-button>button{transition:color .33s ease,background-color .33s ease;display:flex;align-items:center;gap:2px;background:transparent;border:none;padding:0}.quiz-back-button>button:hover{background:#f3f3f3}.quiz-options-morfe{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;column-gap:16px}.quiz-image-desk{display:block;margin:auto}.quiz-image-mobi{display:none}@media (max-width: 599px),(min-width: 600px) and (max-width: 899px){.quiz-content-right{grid-column-end:3;grid-column-start:1;display:block}.quiz-main{grid-template-columns:repeat(2,1fr);padding:1rem 0rem;width:100%}.quiz-image-desk{display:none}.quiz-image-mobi{display:flex}.quiz-image-mobi img{max-width:820px;max-height:400px}.quiz-header{max-width:900px}.quiz-progress,.quiz-back-button,.quiz-content-wrapper,.quiz-next-btn{max-width:900px;max-height:1200px}.quiz-content-wrapper{max-height:650px;height:100%}.quiz-content-slide{overflow:auto;height:100%}.quiz-next-btn button{margin-top:2rem}.quiz-next-btn button:hover{background:#3e6ae1;border:3px solid #3e6ae1;color:#fff}}@media (max-width: 768px){.quiz-main{flex-direction:column;padding:1rem 0rem}.quiz-content-right{justify-content:flex-start;padding:0}.quiz-slide h3{line-height:28px;font-size:24px}.quiz-header{margin:1rem auto}.quiz-slide h3{margin-bottom:1rem}.quiz-image-desk{display:none}#quiz-q7{margin-top:-1rem}.quiz-next-btn button{margin-top:1rem}.quiz-image-mobi{display:flex}.quiz-options button{margin-bottom:1rem}#quiz-image-q7{display:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/product-quiz.css.map */