:root{--quiz-primary: #15A51A;--quiz-primary-hover: #2d9c3c;--quiz-secondary: #f5f5f5;--quiz-border: #0000003D;--quiz-text: #1a1a1a;--quiz-text-light: #666666;--quiz-tip-bg: #e8f5e9;--quiz-white: #ffffff}.quiz-wrapper{min-height:70vh;font-family:var(--heading-font-family)}.quiz-wrapper:has(.quiz-results.active) .quiz-tabs{display:none!important}.quiz-container{max-width:1217px;margin:0 auto;padding:0 24px}.quiz-tabs{display:flex;justify-content:center;gap:0;flex-wrap:wrap;border-top:1px solid #0000000A}.quiz-mobile-nav{display:none}.quiz-tab-wrapper{flex:1;position:relative;overflow:hidden;background:#f5f5f4}.quiz-tab-wrapper:last-child{border-right-color:transparent}.quiz-tab-wrapper:last-child:has(.quiz-tab.active){background:var(--quiz-primary)}.quiz-tab-wrapper:last-child .quiz-tab.active{box-shadow:none}.quiz-tab{background:var(--quiz-secondary);border:0;border-radius:0 50px 50px 0;padding:15px 32px;font-size:24px;font-weight:700;color:var(--quiz-text-light);cursor:default;transition:all .3s ease;text-transform:capitalize;width:100%;position:relative}.quiz-tab.active{background:var(--quiz-primary);color:var(--quiz-white)}.quiz-tab.completed{box-shadow:inset -1px 0 #fff}.quiz-tab.completed{background:var(--quiz-primary);color:var(--quiz-white);cursor:pointer}.quiz-tab.completed:hover{background:var(--quiz-primary-hover)}.quiz-tab.active .quiz-tab__text{text-decoration:underline;text-underline-offset:4px}.quiz-tab:last-child{border-right-color:transparent}.quiz-tab-wrapper:has(+.quiz-tab-wrapper .quiz-tab.active){background:var(--quiz-primary)}.quiz-tab-wrapper:has(.quiz-tab.completed){background:var(--quiz-primary)}.quiz-size-options-wrapper{display:flex;flex-direction:column;gap:24px}.quiz-steps{position:relative}.quiz-step{display:none}.quiz-step[data-step="1"],.quiz-step[data-step="2"],.quiz-step[data-step="3"],.quiz-step[data-step="4"]{max-width:1072px;margin:0 auto}.quiz-step.active{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-step__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:start}.quiz-step__left{width:100%;margin-block:56px}@media screen and (max-width: 699px){.quiz-step__left{margin-block:0}}.quiz-step__right{position:sticky;top:100px;width:auto;max-width:392px}@media screen and (max-width: 699px){.quiz-step__right{max-width:unset}}.quiz-step__title{font-size:32px;font-weight:500;line-height:1.2;margin-bottom:32px;color:var(--quiz-text);letter-spacing:-.03em;font-family:var(--heading-font-family)}.quiz-step__subtitle{font-size:18px;color:#000;margin-bottom:24px;font-weight:500}.quiz-size-options{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}.quiz-size-notice{display:none}.quiz-size-group{display:flex;flex-direction:column;gap:10px}.quiz-label{font-size:18px;font-weight:500;color:var(--quiz-text);line-height:1.5;font-family:var(--heading-font-family)}.quiz-select{width:100%;padding:12px 16px;border:1px solid var(--quiz-border);border-radius:4px;font-size:16px;background:var(--quiz-white);cursor:pointer;transition:border-color .2s ease}.quiz-select:hover{border-color:var(--quiz-primary)}.quiz-select:focus{outline:none;border-color:var(--quiz-primary);box-shadow:0 0 0 3px #3ab54a1a}.quiz-select.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.quiz-select.disabled:hover{border-color:var(--quiz-border)}.quiz-dropdown{position:relative;width:100%}.quiz-dropdown__button{width:100%;padding:12px;border:1px solid var(--quiz-border);border-radius:4px;font-size:16px;background:var(--quiz-white);cursor:pointer;transition:border-color .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:48px}.quiz-dropdown__button:hover{border-color:var(--quiz-primary)}.quiz-dropdown__button:focus{outline:none;border-color:var(--quiz-primary);box-shadow:0 0 0 3px #3ab54a1a}.quiz-dropdown.disabled .quiz-dropdown__button{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.quiz-dropdown.disabled .quiz-dropdown__button:hover{border-color:var(--quiz-border)}.quiz-dropdown__selected{flex:1;color:var(--quiz-text)}.quiz-dropdown__chevron{display:flex;align-items:center;justify-content:center;color:var(--quiz-text-light);transition:transform .2s ease;margin-left:8px}.quiz-dropdown--open .quiz-dropdown__chevron{transform:rotate(180deg)}.quiz-dropdown__options{position:absolute;top:100%;left:0;right:0;background:var(--quiz-white);border:1px solid var(--quiz-border);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;list-style:none;margin:0;padding:0;display:none}.quiz-dropdown--open .quiz-dropdown__options{display:block}.quiz-dropdown__option{padding:12px!important;cursor:pointer;transition:background-color .2s ease;color:var(--quiz-text);border-bottom:1px solid #f0f0f0}.quiz-dropdown__option:last-child{border-bottom:none}.quiz-dropdown__option:hover,.quiz-dropdown__option--highlighted{background-color:#f8f9fa}.quiz-dropdown__option--selected{background-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-dropdown__option--selected:hover{background-color:var(--quiz-primary-hover)}.quiz-or{font-size:18px;color:#000;text-align:center;padding-bottom:12px;font-weight:500}@media screen and (max-width: 699px){.quiz-or{padding-bottom:0}}.quiz-button-group{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.quiz-option-btn{padding:16px 24px;border:2px solid var(--quiz-border);border-radius:4px;font-size:16px;font-weight:600;background:var(--quiz-white);color:var(--quiz-text);cursor:pointer;transition:all .2s ease}.quiz-option-btn:hover{background:var(--quiz-primary-hover);border-color:var(--quiz-primary-hover);color:var(--quiz-white)}.quiz-option-btn.active{background:var(--quiz-primary);border-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-option-btn--full{width:100%;margin-bottom:0;border-radius:2px!important}@media screen and (max-width: 699px){.quiz-option-btn--full{margin-bottom:0}}.quiz-image-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}@media screen and (max-width: 699px){.quiz-image-options{gap:12px}}.quiz-image-option{position:relative;border:2px solid var(--quiz-border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--quiz-white);padding:0}.quiz-image-option img{width:100%;height:100px;object-fit:cover;display:block}@media screen and (max-width: 699px){.quiz-image-option img{height:62px}}.quiz-image-option span{display:block;padding:12px;font-size:16px;font-weight:600;text-align:center;color:var(--quiz-text)}@media screen and (max-width: 699px){.quiz-image-option span{padding-top:8px;padding-bottom:12px}}.quiz-image-option:hover{border-color:var(--quiz-primary)}.quiz-image-option.active{border-color:var(--quiz-primary);border-width:3px}.quiz-image-option.active span{background:var(--quiz-primary);color:var(--quiz-white)}.quiz-next-btn{padding:12px 32px;background:var(--quiz-primary);color:var(--quiz-white);border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px;margin-left:auto;margin-top:42px}@media screen and (max-width: 699px){.quiz-next-btn{width:100%;margin-block:42px}}.quiz-step[data-step="2"] .quiz-next-btn,.quiz-step[data-step="3"] .quiz-next-btn,.quiz-step[data-step="4"] .quiz-next-btn{margin-top:24px;margin-bottom:32px}.quiz-step[data-step="1"] .quiz-next-btn{margin-bottom:0}.quiz-next-btn-wrapper{width:100%;display:flex}.quiz-next-btn:hover:not(:disabled){background:var(--quiz-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3ab54a4d}.quiz-next-btn:disabled{background:#d0d0d0;cursor:not-allowed;opacity:.6}.quiz-tip{background:linear-gradient(to bottom,#dcfcdc 15%,#bfffbf);border-radius:4px;padding:20px;margin-top:0}@media screen and (max-width: 699px){.quiz-tip{margin-top:0}}.quiz-tip__icon{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--quiz-text)}.quiz-tip__icon svg{width:20px;height:20px;color:var(--quiz-primary)}.quiz-tip p{font-size:14px;line-height:1.6;color:var(--quiz-text);margin:0}.quiz-step__image{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.quiz-step__image img{max-width:100%;height:auto;display:block}.quiz-results{padding:40px 0}.quiz-results.active~.quiz-tabs,.quiz-step.quiz-results.active~* .quiz-tabs{display:none}.quiz-results__container{display:grid;grid-template-columns:282px 1fr}.quiz-product-card-wrapper--left{max-width:346px;width:100%}@media screen and (max-width: 999px){.quiz-product-card-wrapper--left{max-width:100%}}.quiz-product-card-wrapper--right{width:100%;max-width:398px}@media screen and (max-width: 999px){.quiz-product-card-wrapper--right{max-width:100%}}.quiz-results__title{font-size:48px;font-weight:500;margin-bottom:100px;color:var(--quiz-text);line-height:1.2}.quiz-results__subtitle{font-size:24px;font-weight:500;margin-bottom:24px;color:var(--quiz-text);line-height:1.2}.quiz-results__answers{margin-bottom:100px}@media screen and (max-width: 999px){.quiz-results__answers{margin-bottom:0;flex:1}}.quiz-answer-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 999px){.quiz-answer-list{max-width:290px}}.quiz-answer-item{display:flex;align-items:center;gap:12px}.quiz-answer-icon{font-size:20px;flex-shrink:0}.quiz-answer-icon{display:flex;align-items:center;gap:16px}.quiz-answer-item div{display:flex;gap:16px;width:100%}.quiz-answer-info span{flex:1}.quiz-answer-item strong{font-size:18px;font-weight:500;color:var(--quiz-text);display:inline-block;flex:1}.quiz-answer-item span{font-size:16px;color:#0009;text-transform:capitalize}.quiz-retake__title{font-size:28px;font-weight:700;margin-bottom:24px;color:var(--quiz-text);line-height:1.2}.quiz-retake__text{font-size:14px;line-height:1.5;color:var(--quiz-text);margin-bottom:24px}@media screen and (max-width: 768px){.quiz-retake__text{margin-bottom:16px}}@media screen and (max-width: 999px){.quiz-retake{max-width:364px}}@media screen and (max-width: 768px){.quiz-retake{max-width:100%}}.quiz-retake__btn{width:100%;padding:14px 24px;background:var(--quiz-primary);color:var(--quiz-white);border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-retake__btn:hover{background:var(--quiz-primary-hover)}.quiz-results__sidebar{position:relative}.quiz-results__sidebar:before{content:"";position:absolute;top:40px;right:-10px;width:1px;height:476px;z-index:3;background:#00000029}@media screen and (max-width: 999px){.quiz-results__sidebar:before{display:none}}@media screen and (min-width: 1000px){.quiz-results__sidebar{position:sticky;top:190px;align-self:start;height:fit-content;z-index:2}}.quiz-results__top-pick{background:var(--quiz-white);padding-left:42px;position:relative}@media screen and (max-width: 999px){.quiz-results__top-pick{padding-left:0}}.quiz-results__label{display:inline-block;color:var(--quiz-primary);font-size:24px;font-weight:500;margin-bottom:16px;line-height:1.5}@media screen and (max-width: 699px){.quiz-results__label{font-weight:400}}.quiz-product-card{display:flex;gap:24px;justify-content:space-between}@media screen and (max-width: 768px){.quiz-product-card{flex-direction:column}}@media screen and (max-width: 699px){.quiz-product-card{gap:16px}}.quiz-product-title{font-size:36px;font-weight:500;color:var(--quiz-text);margin-bottom:36px;line-height:1.2}@media screen and (max-width: 699px){.quiz-product-title{font-size:32px;margin-bottom:16px}}.quiz-size-recommendation{display:flex;align-items:center;gap:12px;padding:26px 31px;background:linear-gradient(to bottom,#dcfcdc 15%,#bfffbf);border-radius:6px;margin-bottom:24px}@media screen and (max-width: 699px){.quiz-size-recommendation{margin-bottom:16px;padding:16px 24px}}@media screen and (max-width: 999px){.quiz-size-recommendation{max-width:500px}}.quiz-size-icon{font-size:24px;flex-shrink:0}.quiz-size-recommendation div{display:flex;flex-direction:column;gap:16px}.quiz-size-recommendation strong{font-size:20px;font-weight:500;color:var(--quiz-text);padding-bottom:8px;border-bottom:1px solid #00000029}@media screen and (max-width: 699px){.quiz-size-recommendation strong{font-size:18px;padding-bottom:0}}.quiz-size-recommendation span{font-size:16px;font-weight:700;color:var(--quiz-primary)}.quiz-size-recommendation div span{font-size:20px;font-weight:400;line-height:1.5}.quiz-product-image{position:relative;border-radius:12px;overflow:hidden;background:var(--quiz-white);margin-bottom:16px;display:flex;align-items:center;justify-content:center;border:1px solid #00000029}.quiz-product-image img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .3s ease}.quiz-product-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;column-gap:8px;margin-bottom:16px;max-width:94px;position:absolute;bottom:0;right:16px}.color-dot{width:20px;height:20px;border-radius:50%;outline:1px solid #00000029;outline-offset:2px;cursor:pointer;transition:all .2s ease;position:relative;background-size:cover;background-position:center}.color-dot:hover{outline-color:var(--quiz-text)}.color-dot:focus{outline:1px solid var(--quiz-text)}.color-dot:focus-within{outline:1px solid var(--quiz-text)}.color-dot.active{outline-color:var(--quiz-text)}.quiz-product-description{font-size:18px;line-height:1.5;color:var(--quiz-text);margin:0 0 24px;max-width:353px}@media screen and (max-width: 999px){.quiz-product-description{max-width:100%}}.quiz-product-description p{margin-bottom:16px}.quiz-product-description p:last-child{margin-bottom:0}.quiz-product-list{display:flex;flex-direction:column;gap:40px}@media screen and (max-width: 768px){.quiz-product-list{gap:24px}}.quiz-product-actions{display:flex;flex-direction:column;gap:16px;max-width:306px}@media screen and (max-width: 768px){.quiz-product-actions{max-width:100%}}.quiz-btn{padding:14px 24px;border-radius:50px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;border:2px solid transparent;display:block}.quiz-btn--primary{background:var(--quiz-primary);color:var(--quiz-white)}.quiz-btn--primary:hover{background:var(--quiz-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3ab54a4d}.quiz-btn--secondary{background:var(--quiz-white);color:var(--quiz-text);border-color:var(--quiz-border)}.quiz-btn--secondary:hover{border-color:var(--quiz-primary);color:var(--quiz-primary)}.quiz-step[data-step="2"] .quiz-button-group{margin-bottom:0}.quiz-size-group--last{max-width:273.5px}@media screen and (max-width: 999px){.quiz-step__content{grid-template-columns:1fr;gap:32px}.quiz-results__sidebar-content{display:flex;flex-direction:row-reverse;gap:16px;justify-content:space-between}.quiz-step__right{position:relative;top:0;order:-1;margin:auto!important}.quiz-step__image{min-height:300px}.quiz-results__container{grid-template-columns:1fr;gap:40px}.quiz-results__title{margin-bottom:22px}.quiz-size-group--last{max-width:100%}}.quiz-size-recommendation--mobile,.hide-desktop{display:none}@media screen and (max-width: 768px){.quiz-container{padding:0 32px}.quiz-size-recommendation--mobile{display:flex}.quiz-size-recommendation--desktop{display:none}.hide-desktop{display:block}.hide-mobile{display:none}.quiz-results .quiz-container{padding:0 16px}.quiz-results__container{padding:0}.quiz-step[data-step="1"] .quiz-next-btn{margin-bottom:32px}.quiz-step[data-step="2"] .quiz-step__right,.quiz-step[data-step="3"] .quiz-step__right,.quiz-step[data-step="4"] .quiz-step__right{order:1}.quiz-step[data-step="2"] .quiz-step__left,.quiz-step[data-step="3"] .quiz-step__left,.quiz-step[data-step="4"] .quiz-step__left{margin-top:32px}.quiz-step[data-step="2"] .quiz-step__title,.quiz-step[data-step="3"] .quiz-step__title,.quiz-step[data-step="4"] .quiz-step__title{margin-bottom:16px}.quiz-step[data-step="2"] .quiz-step__image img,.quiz-step[data-step="3"] .quiz-step__image img,.quiz-step[data-step="4"] .quiz-step__image img{max-height:378px;object-fit:contain}.quiz-step[data-step="1"] .quiz-step__right{margin-left:-32px;margin-right:-32px}.quiz-tab-wrapper{display:none}.quiz-mobile-nav{display:flex;align-items:center;justify-content:space-between;background:var(--quiz-primary);padding:15px 20px;border-radius:0;width:100%}.quiz-nav-arrow{background:transparent;border:none;color:var(--quiz-white);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quiz-nav-arrow:not(:disabled):hover{background:#ffffff1a}.quiz-nav-arrow:disabled{opacity:.5;cursor:not-allowed}.quiz-mobile-tab{flex:1;display:flex;justify-content:center;align-items:center}.quiz-mobile-tab__content{display:flex;flex-direction:column;align-items:center;gap:4px}.quiz-mobile-tab__title{font-size:24px;font-weight:700;color:var(--quiz-white);text-decoration:underline;text-underline-offset:4px}.quiz-mobile-tab__progress{font-size:14px;color:var(--quiz-white);opacity:.9}.quiz-step__title{font-size:24px}.quiz-size-options{grid-template-columns:1fr;gap:24px;align-items:start;margin-bottom:0}.quiz-size-group--last{order:-1;margin-bottom:24px;max-width:100%}.quiz-step__image{min-height:369px}}@media screen and (max-width: 499px){.quiz-step[data-step="2"] .quiz-step__image img,.quiz-step[data-step="3"] .quiz-step__image img,.quiz-step[data-step="4"] .quiz-step__image img{object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/quiz.css.map */