html{scroll-behavior:smooth;scroll-padding:6rem}.tab__item{width:100%;height:100%;text-align:center}.line__menu svg{position:relative;width:20%;top:2rem;background:#fff;margin:0 auto;opacity:0}.quiz-content{padding-bottom:2rem;padding-left:5px;padding-right:5px}.womens-denim-fall-jeans .fit__wrapper{display:grid!important;grid-template-columns:50% 50%;align-items:center;justify-content:center}.womens-denim-fall-jeans .main-quiz .tab-content .tab-items .choose-item{width:100%}svg.active{opacity:1}.text__container{display:grid;grid-template-columns:50% 50%;align-items:start;gap:3%;justify-content:center;width:70%;margin:0 auto;text-align:left}.text__container h1{font-family:SF Pro Display Semibold;font-size:2.5vw;line-height:2.7vw}.main-quiz{margin-top:3rem}.only__mobile{display:none}.fit__text{color:#020203;text-shadow:none}.hero__title{text-align:center;font-size:3vw;line-height:3vw}.text__wrapper p{font-family:SF Pro Display Regular;font-style:normal;font-weight:400;font-size:1.5vw;width:90%;line-height:1.8vw;text-align:left;color:#000}.text__header h2{font-family:SF Pro Display Semibold;font-style:normal;font-weight:600;font-size:2.5vw;text-align:center;line-height:2.7vw;margin:1rem 0;text-transform:uppercase;color:#111}.mens-denim-fall-jeans .text__header h2{font-size:1.8vw}.mens-denim-fall-jeans .slide-container{display:none}.mens-denim-fall-jeans .main-quiz .tab-content .subheading{text-align:left}.back_button_step{color:var(--Black, #111);text-align:center;font-family:SF Pro Display Regular;font-size:1.6vw;font-style:normal;font-weight:400;justify-content:center;display:flex;align-items:center;gap:5px;width:fit-content;line-height:normal;cursor:pointer;margin:2rem auto;text-decoration-line:underline}.back_button_step:hover{color:red}.question_heading .color_number{color:var(--Sage, #A1A6A0)}.mens-denim-fall-jeans .subheading_container{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.question_heading{color:var(--Black, #111);text-align:center;font-family:SF Pro Display Regular;font-size:1.6vw;font-style:normal;text-align:end;margin:20px 0;width:50%;font-weight:400;line-height:normal}.text__header{max-width:68%;margin:0 auto;margin-top:2rem;border-bottom:1px solid #A1A6A0;padding-bottom:1rem}.text__header p{font-family:SF Pro Display Regular;font-style:normal;font-weight:400;font-size:1.4vw;line-height:1.6vw;margin:0;text-align:center;text-transform:uppercase;color:#111}.main-quiz .tab-content .subheading{text-align:center;font-family:SF Pro Display Semibold}.image_quiz__wrapper img{width:100%;height:auto;object-fit:cover}.color__wrapper,.occasion__wrapper{display:grid!important;grid-template-columns:50% 50%;align-items:center}.color__wrapper .choose-item,.occasion__wrapper .choose-item{width:100%!important}.choose-item p{font-family:SF Pro Display Semibold;font-style:normal;font-weight:600;font-size:1.3vw;line-height:1.5vw;cursor:pointer;color:#fff;position:absolute;text-shadow:0px 0px 4px rgba(0,0,0,.7)}.collection-button a{text-align:center}.choose-item .image__text__fit{left:9%;top:45%;transform:translate(-3%,-50%)}.mens-denim-fall-jeans .choose-item .image__text__fit{left:50%;top:50%;transform:translate(-50%,-50%);margin:0;text-align:center;width:100%}.choose-item .image__text__level{left:50%;top:68%;width:75%;font-size:1.1vw;line-height:1.3vw;transform:translate(-50%,-20%)}.choose-item .image__text__color{left:50%;top:50%;transform:translate(-50%,-50%)}.choose-item .image__text__occasion{left:10%;top:50%;transform:translate(-10%,-50%)}.main-quiz.text-section{padding-top:0!important;max-width:100%;padding:0 14px}.line__menu{display:grid;justify-content:center;text-align:center;grid-template-columns:repeat(4,1fr);margin:0 auto;width:70%;border-bottom:1px solid #A1A6A0;padding-bottom:.5rem;max-width:1200px;gap:3%}.main-quiz .quiz-tab{display:flex;justify-content:center;margin:20px auto 0;width:70%;max-width:1200px;gap:3%}.main-quiz .quiz-tab .tab-header{cursor:pointer;margin:0;padding:14px 0;width:100%;text-align:center;font:18px/1.42857143 SF Pro Display Semibold;text-transform:uppercase;border:1px solid #A1A6A0;letter-spacing:2px;color:#aaa;border-radius:3px}.main-quiz .quiz-tab .tab-header.active{color:#111;background-color:#f1f0eb;border-color:#a1a6a0}.main-quiz .quiz-tab .tab-header:hover{background:#dcdcdc}.main-quiz .quiz-tab .tab-header.active:hover{background:transparent}@keyframes fadeInItem{0%{opacity:0}to{opacity:1}}.main-quiz .tab-content{display:none;width:70%;max-width:1200px;margin:0 auto;animation:fadeInItem .7s ease-in-out}.main-quiz .tab-content.active{display:block}.main-quiz .tab-content .subheading{margin:20px 0;font-size:1.6vw;padding:0;letter-spacing:.05rem;line-height:1.8vw;width:100%}.main-quiz .tab-content .tab-items{display:flex}.main-quiz .tab-content .tab-items .choose-item{width:33.33%;padding:10px;position:relative}.main-quiz .tab-content .tab-items .choose-item img{border:2px solid transparent;filter:grayscale(0%);transition:filter .3s ease;cursor:pointer;width:100%;height:100%;display:block}.main-quiz .tab-content .tab-items .choose-item:hover img,.main-quiz .tab-content .tab-items .choose-item.active img{opacity:.5}.main-quiz .tab-content .tab-items .choose-item.disabled img{filter:grayscale(100%);opacity:.6}.main-quiz .result-inner{display:flex;margin-top:20px}.main-quiz .result-inner .color-selector{width:16.66%}.main-quiz .result-inner .quiz-result-wrapper{width:83.34%}.main-quiz .result-inner .color-items{width:50%;margin:0 auto;max-width:130px}.main-quiz .result-inner .color-items .color-item{opacity:.5;cursor:pointer}.main-quiz .result-inner .color-items .color-item.active{opacity:1}.main-quiz .result-inner .color-items .color-item.disabled{cursor:no-drop;filter:grayscale(100%)}.main-quiz .result-inner .color-items .color-item img{display:block;width:auto;max-height:45px;border:2px solid transparent}.main-quiz .result-inner .color-items .color-item.active img,.main-quiz .result-inner .color-items .color-item:hover img{border-color:none}.main-quiz .result-inner .collection-button a,.collection-button a{padding:10px;max-width:130px;color:#fff;background:#333;text-transform:uppercase;font:12px/normal ProximaNova Semibold;letter-spacing:.5px;border-radius:0;margin:30px auto 0;display:block;text-decoration:none}.main-quiz .quiz-result-wrapper .loading-overlay{display:none;width:100%;height:100%;justify-content:center;align-items:center;background:#fffc}.main-quiz .quiz-result-wrapper.loading .loading-overlay{display:flex}.main-quiz .quiz-result-wrapper .spinner{width:30px;animation:rotator 1.4s linear infinite}.main-quiz .quiz-result-wrapper .spinner .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite}.main-quiz .quiz-result-wrapper .quiz-result{display:flex;width:100%;flex-wrap:wrap}.main-quiz .quiz-result-wrapper .quiz-result.empty{height:100%;justify-content:center;align-items:center}.main-quiz .quiz-result-wrapper .quiz-result .empty-result{padding:0;width:100%;margin:0}.main-quiz .quiz-result-wrapper .quiz-result .grid__item{width:33.33%}.main-quiz .card-information__text{text-align:left}.mens-denim-fall-jeans .main-quiz .tab-content .tab-items .choose-item{width:50%}.mens-denim-fall-jeans .choose-item .image__text__level{top:30%;font-size:1.5vw;line-height:1.5vw}.mens-denim-fall-jeans .choose-item .image__text__occasion{left:50%;transform:translate(-50%,-50%);margin:0;text-align:center}.option-text{color:#000;display:none;text-align:center;font-family:SF Pro Display Regular;font-size:16px;width:100%;margin-top:0;font-style:normal;font-weight:400;line-height:normal}@media screen and (min-width: 768px){.main-quiz .tab-content .tab-items .choose-item img.mobile-image{display:none}}@media screen and (max-width: 767px){.main-quiz .tab-content{width:100%}.collection-button a{max-width:100%;margin:2rem auto;width:80%}.option-text{display:block}.question_heading .question_text{display:none}.question_heading{width:30%}.mens-denim-fall-jeans .level_text_9{color:#000;text-shadow:none}.main-quiz .tab-content .tab-items .choose-item img.desktop-image{display:none}.main-quiz .tab-content .tab-items.mobile-stack .choose-item{width:100%;padding:3px}.mens-denim-fall-jeans .main-quiz .tab-content .tab-items.mobile-stack .choose-item{width:50%;padding:3px}.mens-denim-fall-jeans .choose-item .image__text__level{left:50%}.mens-denim-fall-jeans .choose-item .image__text__level{font-size:4vw;top:15%;text-align:center;line-height:normal}.main-quiz .quiz-tab .tab-header{font-size:12px;line-height:12px;padding:5px 10px;margin:0}.main-quiz .result-inner{flex-wrap:wrap}.main-quiz .result-inner .color-selector{width:100%}.main-quiz .result-inner .color-items{width:100%;max-width:100%;display:flex;justify-content:center}.main-quiz .result-inner .color-items .color-item{margin:0 5px}.main-quiz .result-inner .color-selector .collection-button{display:none}.main-quiz .result-inner .quiz-result-wrapper{width:100%;margin-top:20px}.main-quiz .quiz-result-wrapper .quiz-result .grid__item{width:50%;max-width:50%}.text__container{display:flex;flex-direction:column-reverse;width:90%}.text__container h1{font-size:2.3rem;text-align:center;line-height:2.7rem;width:100%;margin:0}.text__wrapper p{width:90%;margin:1rem auto;text-align:center;font-size:1.6rem;line-height:2rem}.text__header{max-width:98%}.text__header h2{font-size:2rem;line-height:2.4rem}.text__header p{font-size:1.4rem;line-height:1.6rem;width:90%;margin:0 auto;text-align:center}.main-quiz .quiz-tab .tab-header{display:flex;align-items:center;justify-content:center}.main-quiz .tab-content .subheading,.mens-denim-fall-jeans .text__header h2,.question_heading,.back_button_step{font-size:1.6rem;line-height:1.8rem}.back_button_step svg{height:14px}.choose-item p{font-size:1.6rem;line-height:2rem}.main-quiz .tab-content.level-content .tab-items{flex-wrap:wrap}.choose-item .image__text__fit{left:35%}.choose-item .image__text__level{left:45%;top:40%;font-size:1.6rem;line-height:2rem}.choose-item .image__text__occasion{left:28%}.hero__title{font-size:2.5rem;line-height:2.7rem}.only__mobile{display:block}.only__desktop{display:none}.image_quiz__wrapper{position:relative}.image_quiz__wrapper .title__mobile{font-family:SF Pro Display Semibold;font-style:normal;font-weight:600;font-size:2.5rem;line-height:3rem;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.5);position:absolute;width:100%;left:0;bottom:1%}.main-quiz .quiz-tab{display:grid;grid-template-columns:repeat(4,24%);width:100%;gap:1%}.fit__text{color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,.5)}.line__menu{width:98%}.line__menu svg{width:35%;height:13px}}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/denim-quiz-fall.css.map */