div .image-left-right-container{width:100%;display:flex;flex-direction:row;justify-content:center;gap:30px;align-items:center;height:80vh;position:relative}div .image-left-right-container .image-wrapper-left{position:relative;width:44%;height:80%;border-radius:10px}div .image-left-right-container .image-wrapper-left img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;transition:transform .5s ease;object-fit:cover}div .image-left-right-container .image-wrapper-left .left-confirm-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:112px;height:44px;line-height:44px;background-color:#fff;text-align:center;visibility:hidden;font-family:Helvetica-Neue-Regular;font-size:14px;color:#1c1c1c;letter-spacing:0px}div .image-left-right-container .image-wrapper-right{position:relative;width:44%;height:80%;border-radius:10px}div .image-left-right-container .image-wrapper-right img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;transition:transform .5s ease}div .image-left-right-container .image-wrapper-right .right-confirm-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:112px;height:44px;line-height:44px;background-color:#fff;text-align:center;visibility:hidden;font-family:Helvetica-Neue-Regular;font-size:14px;color:#1c1c1c;letter-spacing:0px}div .image-left-right-container .to-center-left{transform:translate(calc(15vw + 15px));z-index:10;transition:transform 1s ease}div .image-left-right-container .to-center-right{transform:translate(-10vw);z-index:10;transition:transform 1s ease}div .image-left-right-container .to-top-left{transform:translate(calc(15vw + 15px)) translateY(-120%);opacity:0;transition:transform 1s ease,opacity .6s ease}div .image-left-right-container .to-top-right{transform:translate(-10vw) translateY(-120%);opacity:0;transition:transform 1s ease,opacity .6s ease}div .image-left-right-container .fade-out{opacity:0;transition:opacity .5s ease}@media screen and (min-width: 600px) and (orientation: landscape){div .image-left-right-container{width:100%;height:70vh}div .image-left-right-container .image-wrapper-left,div .image-left-right-container .image-wrapper-right{position:relative;width:50vh;height:50vh;max-width:440px;max-height:440px;border-radius:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.445))}div .image-left-right-container .image-wrapper-right img.selected,div .image-left-right-container .image-wrapper-left img.selected{transform:scale(1.1)}div .image-left-right-container .image-wrapper-left:hover,div .image-left-right-container .image-wrapper-right:hover{z-index:10}}@media screen and (min-width: 1024px) and (max-width: 1366px) and (min-height: 600px) and (max-height: 1024px) and (orientation: landscape){div .image-left-right-container{width:100%;height:70vh}div .image-left-right-container .image-wrapper-left,div .image-left-right-container .image-wrapper-right{position:relative;width:60vh;height:60vh;border-radius:10px}}@media screen and (min-width: 600px) and (max-width: 1024px) and (max-height: 1366px) and (orientation: portrait){div .image-left-right-container{width:100%;height:44vh}div .image-left-right-container .image-wrapper-left,div .image-left-right-container .image-wrapper-right{position:relative;width:40%;height:70%;border-radius:10px}}@media screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait){div .image-left-right-container{flex-direction:column;height:50vh;margin-top:3vh}div .image-left-right-container .image-wrapper-left{width:94%;height:45%}div .image-left-right-container .image-wrapper-left img{height:100%!important}div .image-left-right-container .image-wrapper-right{width:94%;height:45%}div .image-left-right-container .image-wrapper-right img{height:100%!important}div .image-left-right-container .to-top-left,div .image-left-right-container .to-top-right{transform:translateY(-120%)}}@media screen and (min-width: 320px) and (max-width: 768px) and (max-height: 670px) and (orientation: portrait){div .header-container .header-wrapper-2{width:94%}div .image-left-right-container{flex-direction:column;height:55vh;gap:10px}div .image-left-right-container .image-wrapper-left{width:94%;height:45%}div .image-left-right-container .image-wrapper-left img{height:100%!important}div .image-left-right-container .image-wrapper-right{width:94%;height:45%}div .image-left-right-container .image-wrapper-right img{height:100%!important}}.bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.background-rotator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-animation:spinCCW 10s linear infinite;animation:spinCCW 10s linear infinite}@-webkit-keyframes spinCCW{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spinCCW{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.circle1-bg,.circle2-bg,.circle3-bg,.circle4-bg{position:absolute;filter:blur(100px);-webkit-filter:blur(100px);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:filter,transform}.circle1-bg{left:50%;width:874px;height:874px;border-radius:874px;background:-webkit-radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(185,122,74,.1) 33%,rgba(223,130,164,.1) 66%,rgba(255,255,255,0) 100%);background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(185,122,74,.1) 33%,rgba(223,130,164,.1) 66%,rgba(255,255,255,0) 100%)}.circle2-bg{right:50%;width:874px;height:874px;border-radius:874px;background:-webkit-radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(77,63,53,.1) 33%,rgba(255,255,255,0) 100%);background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(77,63,53,.1) 33%,rgba(255,255,255,0) 100%)}.circle3-bg{width:874px;height:874px;border-radius:874px;background:-webkit-radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(13,105,78,.1) 0%,rgba(63,88,162,.1) 33%,rgba(133,104,167,.1) 66%,rgba(255,255,255,0) 100%);background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(13,105,78,.1) 0%,rgba(63,88,162,.1) 33%,rgba(133,104,167,.1) 66%,rgba(255,255,255,0) 100%);top:20%}.circle4-bg{bottom:20%;width:874px;height:874px;border-radius:874px;background:-webkit-radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(75,98,51,.1) 33%,rgba(129,129,129,.1) 66%,rgba(255,255,255,0) 100%);background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(75,98,51,.1) 33%,rgba(129,129,129,.1) 66%,rgba(255,255,255,0) 100%)}@media only screen and (min-width: 600px) and (orientation: landscape){.circle1-bg{left:50%;width:1767px;height:1766px;border-radius:1767px}.circle2-bg{right:50%;width:1767px;height:1766px;border-radius:1767px}.circle3-bg{width:1767px;height:1766px;border-radius:1767px;top:0%}.circle4-bg{bottom:0%;width:1767px;height:1766px;border-radius:1767px}}.header-container{margin-top:4vh;display:flex;flex-direction:column;align-items:center;width:100%}.header-container .header-wrapper-1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:94%}.header-container .header-wrapper-1 .home-icon{width:40px;height:40px}.header-container .header-wrapper-1 .logo{flex:4;display:flex;justify-content:center;align-items:center}.header-container .header-wrapper-1 .logo img{width:150px;object-fit:cover;object-position:center}.header-container .header-wrapper-1 .progress-div{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;height:10vh;z-index:100}.header-container .header-wrapper-1 .progress-div .pagination{display:flex;flex:1;align-items:center;font-weight:400;line-height:19.09px;text-align:right;background:transparent;z-index:100}.header-container .header-wrapper-1 .progress-div .progress-bar{width:210px;height:24px;border-radius:999px;display:flex;align-items:center;padding-inline:5%}.header-container .header-wrapper-1 .progress-div .progress-track{width:100%;height:8px;background:rgba(255,255,255,.5);border-radius:999px;overflow:hidden}.header-container .header-wrapper-1 .progress-div .progress-fill{height:100%;background:#1c1c1c;border-radius:999px;transition:width .3s ease}.header-container .header-wrapper-2{display:flex;flex-direction:row;justify-content:space-between;width:94%;margin-top:0}.header-container .header-wrapper-2 .left-arrow-icon svg{width:40px;height:40px}.header-container .header-wrapper-2 .title{margin-top:40px;font-weight:400;font-style:Regular;line-height:100%;letter-spacing:0%;text-align:center;flex:1}@media (max-width: 768px){.header-container .header-wrapper-1{width:unset}.header-container .header-wrapper-1 .home-icon{position:absolute;bottom:10px;right:10px;width:40px;height:40px;z-index:10}.header-container .header-wrapper-1 .logo{flex:4;display:flex;justify-content:center;align-items:center}.header-container .header-wrapper-1 .logo img{width:180px;height:32px;object-fit:cover;object-position:center}.header-container .header-wrapper-1 .progress-div .progress-bar{width:50vw;height:24px}.header-container .header-wrapper-2{width:55%}.header-container .header-wrapper-2 .left-arrow-icon{flex:1;position:absolute;bottom:10px;left:10px}.header-container .header-wrapper-2 .left-arrow-icon svg{width:40px;height:40px}}@media (max-height: 670px){.header-container .header-wrapper-1 .logo{width:50px}.header-container .header-wrapper-2 .title{margin-top:10px}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.loader{border:12px solid #ffffff;border-top:12px solid #f3f4f4;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 1s linear infinite}.survey-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto}.survey-container .header-wrapper{width:100%;height:160px}.survey-container .video-wrapper{position:relative;top:0;left:0;width:100%;height:calc(100vh - 160px)}.survey-container .video-wrapper .survey-video{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;overflow:hidden}.survey-container .video-wrapper .survey-video-overlay{position:absolute;bottom:10vh;left:50%;transform:translate(-50%,-50%);z-index:1}.survey-container .video-wrapper .survey-video-overlay .subtitle-text{text-align:center;margin-bottom:5vh;margin-top:0;width:534px}.survey-container .video-wrapper .survey-video-overlay .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:407px}.survey-container .video-wrapper .survey-video-overlay .text-container .feedback-btn{font-weight:400;width:361px;height:56px;opacity:1;top:20px;left:20px;border-radius:16px;padding:16px;background:linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02)),linear-gradient(0deg,rgba(128,128,128,.3),rgba(128,128,128,.3)),radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%)}.survey-container .video-wrapper .survey-video-overlay .text-container .first-row,.survey-container .video-wrapper .survey-video-overlay .text-container .second-row{width:100%;height:56px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0 0 8px}.survey-container .video-wrapper .survey-video-overlay .text-container .third-row{width:100%;height:56px;display:flex;justify-content:center;align-items:center;margin:0;box-sizing:border-box}.survey-container .video-wrapper .survey-video-overlay .text-container .thank-you{line-height:2.5rem;text-align:center}.survey-container .video-wrapper .survey-video-overlay .text-container .restart{background:linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02)),linear-gradient(0deg,rgba(128,128,128,.3),rgba(128,128,128,.3)),radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%);box-shadow:0 2px 4px #0000001a;width:166px;height:48px;opacity:1;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:400;font-style:Regular;font-size:16px;line-height:16px;letter-spacing:0%;text-transform:uppercase;text-align:center}@media screen and (max-height: 700px) and (max-width: 1366px) and (orientation: landscape){.survey-container .header-wrapper{height:130px}.survey-container .video-wrapper{height:calc(100vh - 130px)}}@media screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape){.survey-container .video-wrapper .survey-video-overlay{top:32vh}.survey-container .video-wrapper .survey-video-overlay .text-container .subtitle-text{width:350px;font-size:24px;line-height:30px}}@media screen and (min-width: 768px) and (max-width: 1280px) and (orientation: portrait){.survey-container .video-wrapper .survey-video-overlay .text-container{width:40vw}}@media screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait){.survey-container .s-sub-title-container{height:7vh}.survey-container .s-sub-title-container .s-sub-title{font-family:Agrandir-Grand-Medium;font-size:16px;font-weight:500;line-height:22px;text-align:center;color:#1c1c1c}.survey-container .header-wrapper{height:80px}.survey-container .video-wrapper{height:calc(100vh - 140px)}.survey-container .video-wrapper .survey-video{height:80vh;transform:scale(1);transform-origin:center}.survey-container .video-wrapper .survey-video-overlay .text-container{width:270px}.survey-container .video-wrapper .survey-video-overlay .text-container .subtitle-text{font-size:1.125rem;line-height:1.36rem;width:260px}.field{margin-top:12vh!important}.field .input-wrapper{width:70vw!important}}@media screen and (min-width: 320px) and (max-width: 768px) and (max-height: 558px) and (orientation: portrait){.survey-container .s-sub-title-container{height:5vh}.survey-container .s-sub-title-container .s-sub-title{font-family:Agrandir-Grand-Medium;font-size:14px;font-weight:500;line-height:16px;text-align:center;color:#1c1c1c;margin:0}.survey-container .header-wrapper{height:80px}.survey-container .video-wrapper{height:calc(100vh - 90px)}.survey-container .video-wrapper .survey-video{height:76vh;transform:scale(1);transform-origin:center}.survey-container .video-wrapper .survey-video-overlay .text-container{width:270px}.survey-container .video-wrapper .survey-video-overlay .text-container .subtitle-text{width:264px}}.field{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.field label{font-size:14px;font-weight:500;color:#1c1c1c;font-family:Agrandir-PP;text-align:center}.input-wrapper{display:flex;align-items:center;width:100%;max-width:520px}.input-wrapper input{flex:1;height:48px;min-width:0;padding:0 16px;border:1px solid rgba(28,28,28,.2);border-radius:14px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;font-size:16px;font-family:Agrandir-PP;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-wrapper input:focus{border-color:#1c1c1c;background:#fff;box-shadow:0 0 0 4px #1c1c1c14}.input-wrapper input::placeholder{color:#1c1c1c73}.next-button{height:48px;padding:0 22px;position:relative;left:50%;transform:translate(-50%);border:none;border-radius:14px;background:#1c1c1c;color:#fff;font-size:15px;font-weight:600;font-family:Agrandir-PP;cursor:pointer;transition:transform .15s ease,opacity .2s ease,background .2s ease}.next-button:hover:not(:disabled){background:#000;transform:translate(-50%) translateY(-1px)}.next-button:active:not(:disabled){transform:translate(-50%) translateY(0)}.next-button:disabled{opacity:.45;background:#7c7c7c;cursor:not-allowed}.gender,.age-range{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}@media screen and (max-width: 500px){.gender,.age-range{margin-top:10px}}.gender{margin-top:30px}.option-group{width:70%;justify-content:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:3px;margin-bottom:10px}@media screen and (max-width: 500px){.option-group{width:75%;justify-content:left}}.option-btn{margin-top:10px;border-radius:16px;border:none;width:150px;height:40px;background:linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02)),linear-gradient(0deg,rgba(128,128,128,.3),rgba(128,128,128,.3)),radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%)}@media screen and (max-width: 500px){.option-btn{width:calc(50% - 5px)}}@media screen and (max-width: 500px) and (max-height: 700px){.option-btn{height:35px;margin-top:5px}}.option-btn:hover{background:#f5f5f5}.option-btn.selected{background:#000;color:#fff}.lower-part-moon{border-radius:1636px;background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(75,98,51,.15) 33%,rgba(129,129,129,.15) 66%,rgba(255,255,255,0) 100%);filter:blur(50px);position:absolute;width:1636px;height:1636px;z-index:-1;transform:translate(-25%,10%);overflow:hidden}.main-2{position:relative;height:90vh}.home-icon-moon{position:absolute;bottom:10vh;right:10px;width:40px;height:40px;z-index:10}.upper-image-container-2{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:fit-content;padding-bottom:20px;margin-top:7vh}.upper-image-container-2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1.5px;background:linear-gradient(to right,transparent,rgba(0,0,0,.6),transparent)}.upper-image-container-2 .upper-bg-img-2{width:180px;object-fit:cover;object-position:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.upper-image-container-2 .header-container2{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:3vh}.upper-image-container-2 .subtitle{font-weight:400;font-family:Agrandir-PP;text-align:center}.more-container{display:flex;justify-content:center;align-items:center;width:100vw;margin-top:10px;text-decoration:underline}.result-moon{font-weight:400;font-family:Agrandir-PP!important;text-align:center;margin-top:40px}.color-box-container2{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;gap:3%;margin-top:3vh}.color-box-container2 .box-item12{width:280px;height:fit-content;padding-bottom:10px;border-radius:24px}.color-box-container2 .box-item12 .box-content-container2{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:6%}.color-box-container2 .box-item12 .box-content-container2 .lens-image2{margin-bottom:6%;box-sizing:border-box}.color-box-container2 .box-item12 .box-content-container2 .box-color-name2{font-family:Agrandir-PP;font-weight:400;text-align:center;color:#fff;margin:0 2%}.color-box-container2 .box-item12 .box-content-container2 .description2{width:80%;font-family:Helvetica-Neue-Light;font-weight:300;line-height:30px;text-align:center;height:fit-content}.color-box-container2 .box-item12 .box-content-container2 .simulate-container{display:flex;justify-content:center;align-items:center;width:90%;gap:15px}.color-box-container2 .box-item12 .box-content-container2 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}.color-box-container2 .box-item22{width:533px;height:383px;border-radius:10px}.color-box-container2 .box-item22 .box-content-container22{display:flex;flex-direction:column;align-items:center;margin-top:6%}.color-box-container2 .box-item22 .box-content-container22 .lens-image22{margin-bottom:6%;box-sizing:border-box}.color-box-container2 .box-item22 .box-content-container22 .box-color-name22{font-family:Agrandir-PP;font-weight:400;text-align:center;color:#fff;margin:0 2%}.color-box-container2 .box-item22 .box-content-container22 .description22{font-family:Helvetica-Neue-Light;font-size:1.5rem;font-weight:300;line-height:30px;text-align:center;color:#fff;width:413px;margin:8% 0}.color-box-container2 .box-item22 .box-content-container22 .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.color-box-container2 .box-item22 .box-content-container22 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}.btn-container-2{display:flex;justify-content:center;align-items:center;width:100%;margin-top:40px}.btn-container-2 .btn-outline{display:flex;align-items:center;justify-content:space-evenly;width:240px;height:48px;max-width:240px;border:1px solid #1c1c1c}.btn-container-2 .btn-outline p{font-family:Helvetica-Neue;font-weight:400;line-height:34px;text-align:center;color:#1c1c1c;margin:4px 0 0}.btn-container-2 .btn-solid{display:flex;align-items:center;justify-content:center;width:125px;height:40px;border-radius:999px}.btn-container-2 .btn-solid p{font-weight:400;line-height:34px;text-align:center}@media only screen and (min-width: 600px) and (orientation: landscape){.lower-part-moon{width:100vw;height:150vw;transform:translateY(-10%)}.home-icon-moon{top:-40px;left:45px}.upper-image-container-2 .subtitle{font-size:24px;margin-top:20px}.upper-image-container-2 .upper-bg-img-2{width:150px;height:fit-content;object-fit:contain}.upper-image-container-2 .header-container2{gap:2vh}.upper-image-container-2 .header-container2 .header-container{margin-top:2vh}.upper-image-container-2:after{width:30%}.result-moon{font-size:32px!important}.text-2-wrapper{margin-top:0%}.color-box-container2{gap:1%}.color-box-container2 .box-item12{width:281px;height:290px;padding-bottom:20px}.color-box-container2 .box-item12 .box-content-container2 .lens-image2 img{width:132px;height:61px;object-fit:cover}.color-box-container2 .box-item12 .box-content-container2 .box-color-name2{font-size:24px}.color-box-container2 .box-item12 .box-content-container2 .description2{font-size:16px;line-height:22px;width:85%}.color-box-container2 .box-item22{width:281px;height:281px}.color-box-container2 .box-item22 .box-content-container22 .lens-image22 img{width:132px;height:61px;object-fit:cover}.color-box-container2 .box-item22 .box-content-container22 .box-color-name22{font-size:24px}.color-box-container2 .box-item22 .box-content-container22 .description22{font-size:16px;line-height:22px;width:85%}.btn-container-2{display:flex;justify-content:flex-end;align-items:center;width:100%;position:absolute;bottom:0}.btn-container-2 .btn-solid{display:flex;align-items:center;justify-content:center;width:125px;height:40px;border-radius:999px;margin-right:40px;margin-bottom:20px}.btn-container-2 .btn-solid p{font-weight:400;line-height:34px;text-align:center}}@media only screen and (min-width: 600px) and (max-height: 768px) and (orientation: landscape){.result-moon{margin-top:5px}.home-icon-moon{top:0px}.upper-image-container-2{padding-bottom:10px;margin-top:30px}.upper-image-container-2 .subtitle{margin-top:5px}}@media only screen and (max-width: 1680px) and (max-height: 768px) and (orientation: landscape){.upper-image-container-2 .header-container2{gap:2vh}.upper-image-container-2 .header-container2 .header-container{margin-top:2vh}.text-2-wrapper{margin-top:0%}.color-box-container2 .box-item12{width:281px;height:281px}.color-box-container2 .box-item12 .box-content-container2 .lens-image2 img{width:132px;height:61px;object-fit:cover}.color-box-container2 .box-item12 .box-content-container2 .description2{line-height:22px;width:257px}.color-box-container2 .box-item22{width:281px;height:281px}.color-box-container2 .box-item22 .box-content-container22 .lens-image22 img{width:132px;height:61px;object-fit:cover}.color-box-container2 .box-item22 .box-content-container22 .description22{font-size:1.125rem;line-height:22px;width:257px}}@media only screen and (min-width: 600px) and (max-width: 1366px) and (orientation: landscape){.lower-part-moon{width:150vw;height:150vw;transform:translate(-20%,-20%)}.upper-image-container-2 .header-container2{gap:2vh}.upper-image-container-2 .header-container2 .header-container{margin-top:2vh}.result-moon{font-size:32px!important}.text-2-wrapper{margin-top:0%}.color-box-container2{margin-top:5vh}.color-box-container2 .box-item12{width:281px;height:290px}.color-box-container2 .box-item12 .box-content-container2 .lens-image2 img{width:100px;object-fit:contain}.color-box-container2 .box-item12 .box-content-container2 .description2{font-size:1.125rem;line-height:22px;width:257px}.color-box-container2 .box-item22{width:280px;height:280px}.color-box-container2 .box-item22 .box-content-container22 .lens-image22 img{width:100px;object-fit:contain}.color-box-container2 .box-item22 .box-content-container22 .description22{font-size:1.125rem;line-height:22px;width:257px}}@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait){.upper-image-container-2 .upper-bg-img-2{width:180px}.upper-image-container-2 .header-container2{gap:2vh}.upper-image-container-2 .header-container2 .header-container .header-wrapper-1 .logo img{width:120px;height:32px;object-fit:cover;object-position:center}.btn-container-2{width:100%;gap:8%}.btn-container-2 .btn-outline{width:188px;height:48px}.btn-container-2 .btn-outline p{font-size:16px;line-height:34px}.btn-container-2 .btn-solid{width:124px;height:48px}.btn-container-2 .btn-solid p{font-size:16px;line-height:34px}}@media only screen and (min-width: 320px) and (max-width: 568px) and (max-height: 700px) and (orientation: portrait){.result-moon{margin-top:10px}.upper-image-container-2{padding-bottom:5px}.upper-image-container-2 .upper-bg-img-2{width:100px}.upper-image-container-2 .header-container2{gap:1vh}.upper-image-container-2 .header-container2 .header-container{gap:1vh!important}.upper-image-container-2 .header-container2 .header-container .header-wrapper-1 .logo img{width:120px;height:32px;object-fit:cover;object-position:center}.upper-image-container-2 .header-container2 .subtitle{line-height:26px;font-weight:500}.btn-container-2{gap:4%}.btn-container-2 .btn-outline{width:178px;height:48px}.btn-container-2 .btn-outline p{font-size:16px;line-height:34px}.btn-container-2 .btn-solid{width:114px;height:48px}.btn-container-2 .btn-solid p{font-size:16px;line-height:34px}}.scroll-container-2{display:flex;overflow-x:auto;gap:16px;margin:7% 0;padding:0 5%;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.scroll-container-2::-webkit-scrollbar{display:none}.dots-container{display:flex;justify-content:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background-color:#ccc;cursor:pointer;border:1px solid #1c1c1c;transition:all .3s ease}.dot.active{background-color:#1c1c1c}.box-2{width:282px;height:310px;display:flex;justify-content:center;scroll-snap-align:center;border-radius:24px;flex-shrink:0}.box-2 .box-content-container2{display:flex;flex-direction:column;align-items:center;margin-top:10%}.box-2 .box-content-container2 .lens-image2{margin-bottom:6%}.box-2 .box-content-container2 .lens-image2 img{width:104px;height:48px;object-fit:cover;object-position:center}.box-2 .box-content-container2 .box-color-name2{font-family:Agrandir-PP;font-weight:400;text-align:center;color:#fff;margin:0}.box-2 .box-content-container2 .box-description{width:80%;display:flex;justify-content:center;text-align:center;line-height:30px}.box-2 .box-content-container2 .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.box-2 .box-content-container2 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}@media (max-width: 320px){.scroll-container{gap:12px;margin:4% 0;padding:0 3%}.box{width:200px;height:218px;border-radius:10px}.box .box-content-container2{margin-top:6%}.box .box-content-container2 .lens-image2{margin-bottom:0%}.box .box-content-container2 .lens-image2 img{width:104px;height:48px;object-fit:cover;object-position:center}.box .box-content-container2 .box-color-name2{font-size:1rem;line-height:1rem;margin:0 2%}.box .box-content-container2 .description12{font-size:1rem;line-height:1rem;width:80%}.box .box-content-container2 .description22{font-size:1rem;line-height:1rem;width:85%}.box .box-content-container2 .simulate-container{gap:15px}.box .box-content-container2 .simulate-container .simulate{font-size:1rem;line-height:1.5rem}}.upper-image-container-1{position:relative;display:flex;justify-content:center;align-items:center;width:100vw}.upper-image-container-1 .upper-bg-img{width:100%;height:32vh;object-fit:cover;object-position:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.upper-image-container-1 .header-container2{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:3vh}.upper-image-container-1 .header-container2 .subtitle{font-family:Agrandir-Regular;font-size:2.5rem;font-weight:400;line-height:3.25rem;text-align:center;color:#fff}.upper-image-container-1 .header-container2 .more-container{display:flex;justify-content:center;align-items:center;height:4vh;gap:1%}.upper-image-container-1 .header-container2 .more-container .more-btn{color:#fff;font-family:Helvetica-Neue;font-size:1rem;font-weight:400;line-height:2rem}.simulate-icon{margin-top:3px;height:20px;width:20px}.lower-part-canyon{border-radius:1636px;width:1636px;height:1636px;background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(77,63,53,.15) 66%,rgba(255,255,255,0) 100%);filter:blur(50px);position:absolute;z-index:-1;transform:translate(-25%,10%);overflow:hidden}.color-box-container-1{display:flex;justify-content:center;align-items:center;width:100%;height:58vh;gap:3%}.color-box-container-1 .box-item1{width:533px;height:383px;border-radius:10px}.color-box-container-1 .box-item1 .box-content-container{display:flex;flex-direction:column;align-items:center;margin-top:6%}.color-box-container-1 .box-item1 .box-content-container .lens-image{width:132px;height:61px;margin-bottom:6%}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-family:Agrandir-Regular;font-size:1.875rem;font-weight:400;line-height:1.6rem;text-align:center;color:#fff;margin:2%}.color-box-container-1 .box-item1 .box-content-container .description{font-family:Helvetica-Neue-Light;font-size:1.5rem;font-weight:300;line-height:30px;text-align:center;color:#fff;width:413px}.color-box-container-1 .box-item1 .box-content-container .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.simulate-button{margin-bottom:10px;margin-top:auto;position:relative;display:flex;justify-content:center;align-items:center;width:90%;gap:15px;border-radius:999px}.simulate-button :before{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;padding:.5px;background:conic-gradient(from 225deg,rgba(255,255,255,.055) 0deg,rgba(255,255,255,.603) 70deg,rgba(255,255,255,.0196078431) 180deg,rgba(255,255,255,.315) 250deg,rgba(255,255,255,0) 320deg,rgba(255,255,255,.007) 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:blur(1.5px);opacity:.9}.simulate-button .simulate{text-align:center;color:#fff}.btn-container-1{display:flex;justify-content:center;align-items:center;width:100%;gap:1.6%}.btn-container-1 .btn-outline{display:flex;align-items:center;justify-content:space-evenly;width:240px;height:48px;max-width:240px;border:1px solid #1c1c1c}.btn-container-1 .btn-outline p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:34px;text-align:center;color:#1c1c1c;margin:4px 0 0}.btn-container-1 .btn-solid{display:flex;align-items:center;justify-content:center;background-color:#1c1c1c;width:240px;height:48px;border:2px}.btn-container-1 .btn-solid p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:34px;text-align:center;color:#fff}@media only screen and (min-width: 600px) and (orientation: landscape){.lower-part-canyon{width:100vw;height:150vw;transform:translateY(-10%)}.upper-image-container-1 .upper-bg-img{height:32vh}.upper-image-container-1 .header-container2{gap:2vh}.upper-image-container-1 .header-container2 .header-container{gap:1vh!important}.upper-image-container-1 .header-container2 .header-container .header-wrapper-1 .logo img{width:150px;height:42px;object-fit:cover;object-position:center}.upper-image-container-1 .header-container2 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-1 .header-container2 .more-container{height:4vh}.upper-image-container-1 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container-1{height:58vh}.color-box-container-1 .box-item1{width:281px;height:281px}.color-box-container-1 .box-item1 .box-content-container .lens-image-1 img{width:132px;height:61px}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container-1 .box-item1 .box-content-container .description{width:257px;font-size:1.125rem;line-height:21px}.btn-container-1 .btn-outline-1,.btn-container-1 .btn-solid-1{width:240px}}@media only screen and (max-width: 1680px) and (max-height: 768px) and (orientation: landscape){.upper-image-container-1 .upper-bg-img{height:32vh}.upper-image-container-1 .header-container2{gap:2vh}.upper-image-container-1 .header-container2 .header-container{gap:1vh!important}.upper-image-container-1 .header-container2 .header-container .header-wrapper-1 .logo img{width:150px;height:42px;object-fit:cover;object-position:center}.upper-image-container-1 .header-container2 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-1 .header-container2 .more-container{height:4vh}.upper-image-container-1 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container-1{height:58vh}.color-box-container-1 .box-item1{width:281px;height:281px}.color-box-container-1 .box-item1 .box-content-container .lens-image-1 img{width:132px;height:61px}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container-1 .box-item1 .box-content-container .description{width:257px;font-size:1.125rem;line-height:21px}.btn-container-1 .btn-outline-1,.btn-container-1 .btn-solid-1{width:240px}}@media only screen and (min-width: 600px) and (max-width: 1366px) and (orientation: landscape){.lower-part-solar{width:150vw;height:150vw;transform:translate(-20%,-20%)}.upper-image-container-1 .upper-bg-img{height:28vh}.upper-image-container-1 .header-container2{gap:2vh}.upper-image-container-1 .header-container2 .header-container{gap:1vh!important}.upper-image-container-1 .header-container2 .header-container .header-wrapper-1 .logo img{width:150px;height:42px;object-fit:cover;object-position:center}.upper-image-container-1 .header-container2 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-1 .header-container2 .more-container{height:4vh}.upper-image-container-1 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container-1{height:58vh}.color-box-container-1 .box-item1{width:281px;height:281px}.color-box-container-1 .box-item1 .box-content-container .lens-image-1 img{width:132px;height:61px}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container-1 .box-item1 .box-content-container .description{width:257px;font-size:1.125rem;line-height:21px}.btn-container-1 .btn-outline-1,.btn-container-1 .btn-solid-1{width:240px}}@media only screen and (min-width: 320px) and (max-width: 768px) and (max-height: 900px) and (orientation: portrait){.upper-image-container-1{width:100%}.upper-image-container-1 .upper-bg-img{height:26vh}.upper-image-container-1 .header-container2{gap:2vh}.upper-image-container-1 .header-container2 .header-container .header-wrapper-1 .logo img{width:120px;height:32px;object-fit:cover;object-position:center}.upper-image-container-1 .header-container2 .subtitle{font-size:1.25rem;line-height:26px;font-weight:500}.upper-image-container-1 .header-container2 .more-container{height:4vh}.upper-image-container-1 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container-1{height:54vh;gap:2%}.color-box-container-1 .box-item1{width:282px;height:282px}.color-box-container-1 .box-item1 .box-content-container{margin-top:3%}.color-box-container-1 .box-item1 .box-content-container .lens-image-1 img{width:104px;height:48px}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-size:1.5rem;line-height:2rem}.color-box-container-1 .box-item1 .box-content-container .description{font-size:1.125rem;line-height:1.36rem;width:210px;margin:8% 0}.color-box-container-1 .box-item1 .box-content-container .simulate-container{gap:15px}.color-box-container-1 .box-item1 .box-content-container .simulate-container .simulate{font-size:1rem;line-height:1.5rem}.btn-container-1{width:100%;gap:6%}.btn-container-1 .btn-outline{width:188px;height:48px}.btn-container-1 .btn-outline p{font-size:16px;line-height:34px}.btn-container-1 .btn-solid{width:124px;height:48px}.btn-container-1 .btn-solid p{font-size:16px;line-height:34px}}@media only screen and (min-width: 320px) and (max-width: 568px) and (max-height: 568px) and (orientation: portrait){.upper-image-container-1 .upper-bg-img{height:28vh}.upper-image-container-1 .header-container2{gap:1vh}.upper-image-container-1 .header-container2 .header-container{gap:1vh!important}.upper-image-container-1 .header-container2 .header-container .header-wrapper-1 .logo img{width:100px;height:32px;object-fit:cover;object-position:center}.upper-image-container-1 .header-container2 .subtitle{font-size:1.25rem;line-height:26px;font-weight:500}.upper-image-container-1 .header-container2 .more-container{height:4vh}.upper-image-container-1 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container-1{height:50vh;gap:2%}.color-box-container-1 .box-item1{width:210px;height:218px}.color-box-container-1 .box-item1 .box-content-container{margin-top:2%}.color-box-container-1 .box-item1 .box-content-container .lens-image-1 img{width:104px;height:48px}.color-box-container-1 .box-item1 .box-content-container .box-color-name{font-size:1rem;line-height:1rem}.color-box-container-1 .box-item1 .box-content-container .description{font-size:1rem;line-height:1rem;width:96%}.color-box-container-1 .box-item1 .box-content-container .simulate-container{gap:15px}.color-box-container-1 .box-item1 .box-content-container .simulate-container .simulate{font-size:1rem;line-height:1.5rem}.btn-container-1{width:100%;gap:6%}.btn-container-1 .btn-outline{width:168px;height:48px}.btn-container-1 .btn-outline p{font-size:16px;line-height:34px}.btn-container-1 .btn-solid{width:114px;height:48px}.btn-container-1 .btn-solid p{font-size:16px;line-height:34px}}.lower-part-ocean{border-radius:1636px;background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(13,105,78,.15) 0%,rgba(63,88,162,.15) 33%,rgba(133,104,167,.15) 66%,rgba(255,255,255,0) 100%);filter:blur(50px);position:absolute;width:1636px;height:1636px;z-index:-1;transform:translate(-25%,10%);overflow:hidden}.upper-image-container-3{position:relative;display:flex;justify-content:center;align-items:center;width:100vw}.upper-image-container-3 .upper-bg-img-3{width:100%;height:32vh;object-fit:cover;object-position:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.upper-image-container-3 .header-container3{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:3vh}.upper-image-container-3 .header-container3 .subtitle{font-family:Agrandir-Regular;font-size:2.5rem;font-weight:400;line-height:3.25rem;text-align:center;color:#fff}.upper-image-container-3 .header-container3 .more-container{display:flex;justify-content:center;align-items:center;height:4vh;gap:1%}.upper-image-container-3 .header-container3 .more-container .more-btn{color:#fff;font-family:Helvetica-Neue;font-size:1rem;font-weight:400;line-height:2rem}.color-box-container33{display:flex;justify-content:center;align-items:center;width:100%;height:54vh;gap:3%}.color-box-container33 .box-item13{width:533px;height:383px;border-radius:10px}.color-box-container33 .box-item13 .box-content-container13{display:flex;flex-direction:column;align-items:center;margin-top:6%}.color-box-container33 .box-item13 .box-content-container13 .lens-image13{margin-bottom:0%}.color-box-container33 .box-item13 .box-content-container13 .box-color-name13{font-family:Agrandir-Regular;font-size:1.875rem;font-weight:400;line-height:1.6rem;text-align:center;color:#fff;margin:6% 0 0}.color-box-container33 .box-item13 .box-content-container13 .description13{font-family:Helvetica-Neue-Light;font-size:1.5rem;font-weight:300;line-height:30px;text-align:center;color:#fff;width:413px}.color-box-container33 .box-item13 .box-content-container13 .simulate-container3{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.color-box-container33 .box-item13 .box-content-container13 .simulate-container3 .simulate3{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}.btn-container-3{display:flex;justify-content:center;align-items:center;width:100%;gap:1.6%}.btn-container-3 .btn-outline-3{display:flex;align-items:center;justify-content:space-evenly;width:188px;height:48px;max-width:240px;border:1px solid #1c1c1c;box-sizing:border-box;padding:6px}.btn-container-3 .btn-outline-3 p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:22px;text-align:center;color:#1c1c1c;margin:4px 0 0}.btn-container-3 .btn-solid-3{display:flex;align-items:center;justify-content:center;background-color:#1c1c1c;width:188px;height:48px;border:2px;box-sizing:border-box}.btn-container-3 .btn-solid-3 p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:34px;text-align:center;color:#fff}@media only screen and (min-width: 600px) and (orientation: landscape){.lower-part-ocean{width:100vw;height:150vw;transform:translateY(-10%)}.upper-image-container-3 .upper-bg-img-3{height:32vh}.upper-image-container-3 .header-container3{gap:2vh}.upper-image-container-3 .header-container3 .header-container{margin-top:2vh}.upper-image-container-3 .header-container3 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-3 .header-container3 .more-container{height:4vh}.upper-image-container-3 .header-container3 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container33{height:58vh}.color-box-container33 .box-item13{width:281px;height:281px}.color-box-container33 .box-item13 .box-content-container13 .lens-image13 img{width:132px;height:61px}.color-box-container33 .box-item13 .box-content-container13 .box-color-name13{font-size:1.25rem}.color-box-container33 .box-item13 .box-content-container13 .description13{font-size:1.125rem;line-height:22px;width:257px;height:68px}.btn-container-3 .btn-outline-3{width:240px;height:48px;max-width:240px}.btn-container-3 .btn-solid-3{width:240px;height:48px}}@media only screen and (max-width: 1680px) and (max-height: 768px) and (orientation: landscape){.upper-image-container-3 .upper-bg-img-3{height:32vh}.upper-image-container-3 .header-container3{gap:2vh}.upper-image-container-3 .header-container3 .header-container{margin-top:2vh}.upper-image-container-3 .header-container3 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-3 .header-container3 .more-container{height:4vh}.upper-image-container-3 .header-container3 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container33{height:58vh}.color-box-container33 .box-item13{width:281px;height:281px}.color-box-container33 .box-item13 .box-content-container13 .lens-image13 img{width:132px;height:61px}.color-box-container33 .box-item13 .box-content-container13 .box-color-name13{font-size:1.25rem}.color-box-container33 .box-item13 .box-content-container13 .description13{font-size:1.125rem;line-height:22px;width:257px;height:68px}.btn-container-3 .btn-outline-3{width:240px;height:48px;max-width:240px}.btn-container-3 .btn-solid-3{width:240px;height:48px}}@media only screen and (min-width: 600px) and (max-width: 1366px) and (orientation: landscape){.upper-image-container-3 .upper-bg-img-3{height:28vh}.upper-image-container-3 .header-container3{gap:2vh}.upper-image-container-3 .header-container3 .header-container{margin-top:2vh}.upper-image-container-3 .header-container3 .subtitle{font-size:2rem;line-height:2.25rem}.upper-image-container-3 .header-container3 .more-container{height:4vh}.upper-image-container-3 .header-container3 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container33{height:58vh}.color-box-container33 .box-item13{width:281px;height:281px}.color-box-container33 .box-item13 .box-content-container13 .lens-image13 img{width:132px;height:61px}.color-box-container33 .box-item13 .box-content-container13 .box-color-name13{font-size:1.25rem}.color-box-container33 .box-item13 .box-content-container13 .description13{font-size:1.125rem;line-height:22px;width:257px;height:68px}.btn-container-3 .btn-outline-3{width:240px;height:48px;max-width:240px}.btn-container-3 .btn-solid-3{width:240px;height:48px}}@media only screen and (min-width: 320px) and (max-width: 600px) and (max-height: 768px) and (orientation: portrait){.upper-image-container-3 .upper-bg-img-3{height:26vh}.upper-image-container-3 .header-container3 .header-container .header-wrapper-1 .logo img{width:120px;height:32px}.upper-image-container-3 .header-container3 .subtitle{font-size:1.25rem;line-height:26px}.upper-image-container-3 .header-container3 .more-container{height:4vh}.upper-image-container-3 .header-container3 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container33{height:58vh}.btn-container-3 .btn-outline-3{width:188px;height:48px}.btn-container-3 .btn-solid-3{width:124px;height:48px}}@media (max-width: 320px){.upper-image-container-3 .upper-bg-img-3{height:28vh}.upper-image-container-3 .header-container3{gap:1vh}.upper-image-container-3 .header-container3 .header-container .header-wrapper-1 .logo img{width:120px;height:32px}.upper-image-container-3 .header-container3 .subtitle{font-size:1.25rem;line-height:26px}.upper-image-container-3 .header-container3 .more-container{height:4vh}.upper-image-container-3 .header-container3 .more-container .more-btn{font-size:1rem;line-height:2rem}}.scroll-container-ocean{display:flex;overflow-x:auto;gap:16px;margin:14% 0;padding:0 5%;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.scroll-container-ocean::-webkit-scrollbar{display:none}.box{width:282px;height:282px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;border-radius:10px;flex-shrink:0}.box .box-content-container3{display:flex;flex-direction:column;align-items:center;margin-top:6%}.box .box-content-container3 .lens-image3{margin-bottom:1%}.box .box-content-container3 .lens-image3 img{width:104px;height:48px;object-fit:cover;object-position:center}.box .box-content-container3 .box-color-name3{font-family:Agrandir-Regular;font-size:1.5rem;font-weight:400;line-height:2rem;text-align:center;color:#fff;margin:0 2%}.box .box-content-container3 .description13{font-family:Helvetica-Neue-Light;font-size:1.125rem;font-weight:300;line-height:1.36rem;text-align:center;color:#fff;width:92%}.box .box-content-container3 .description23{font-family:Helvetica-Neue-Light;font-size:1.125rem;font-weight:300;line-height:1.36rem;text-align:center;color:#fff;width:86%;height:60px}.box .box-content-container3 .description33{font-family:Helvetica-Neue-Light;font-size:1.125rem;font-weight:300;line-height:1.36rem;text-align:center;color:#fff;width:85%;height:60px}.box .box-content-container3 .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.box .box-content-container3 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}@media (max-width: 320px){.scroll-container-ocean{gap:12px;margin:4% 0;padding:0 3%}.box{width:200px;height:218px;border-radius:10px}.box .box-content-container3{margin-top:1%}.box .box-content-container3 .lens-image3{margin-bottom:0%}.box .box-content-container3 .lens-image3 img{width:104px;height:48px;object-fit:cover;object-position:center}.box .box-content-container3 .box-color-name3{font-size:1rem;line-height:1rem;margin:0 2%}.box .box-content-container3 .description13{font-size:1rem;line-height:1rem;width:80%}.box .box-content-container3 .description23,.box .box-content-container3 .description33{font-size:1rem;line-height:1rem;width:85%}.box .box-content-container3 .simulate-container{gap:15px}.box .box-content-container3 .simulate-container .simulate{font-size:1rem;line-height:1.5rem}}.lower-part-solar{border-radius:1636px;background:radial-gradient(44.84% 44.84% at 49.42% 52.33%,rgba(185,122,74,.15) 33%,rgba(223,130,164,.15) 66%,rgba(255,255,255,0) 100%);filter:blur(50px);position:absolute;width:1636px;height:1636px;z-index:-1;transform:translate(-25%,10%);overflow:hidden}.upper-image-container-4{position:relative;display:flex;justify-content:center;align-items:center;width:100vw}.upper-image-container-4 .upper-bg-img-4{width:100%;height:32vh;object-fit:cover;object-position:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.upper-image-container-4 .header-container2{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:3vh}.upper-image-container-4 .header-container2 .subtitle{font-family:Agrandir-Regular;font-size:2.5rem;font-weight:400;line-height:3.25rem;text-align:center;color:#fff}.upper-image-container-4 .header-container2 .more-container{display:flex;justify-content:center;align-items:center;height:4vh;gap:1%}.upper-image-container-4 .header-container2 .more-container .more-btn{color:#fff;font-family:Helvetica-Neue;font-size:1rem;font-weight:400;line-height:2rem}.text-2-wrapper{display:flex;justify-content:center;width:100%;margin-top:3%}.text-2-wrapper p{font-family:Helvetica-Neue;font-size:1.5rem;font-weight:300;line-height:1.8rem;letter-spacing:-.12px;text-align:center}.color-box-container{display:flex;justify-content:center;align-items:center;width:100%;height:58vh;gap:3%}.color-box-container .box-item1{width:533px;height:383px;border-radius:10px}.color-box-container .box-item1 .box-content-container{display:flex;flex-direction:column;align-items:center;margin-top:6%}.color-box-container .box-item1 .box-content-container .lens-image{margin-bottom:6%}.color-box-container .box-item1 .box-content-container .box-color-name{font-family:Agrandir-Regular;font-size:1.875rem;font-weight:400;line-height:1.6rem;text-align:center;color:#fff;margin:0 2%}.color-box-container .box-item1 .box-content-container .description{font-family:Helvetica-Neue-Light;font-size:1.5rem;font-weight:300;line-height:30px;text-align:center;color:#fff;width:413px}.color-box-container .box-item1 .box-content-container .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.color-box-container .box-item1 .box-content-container .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}.color-box-container .box-item24{width:533px;height:383px;border-radius:10px}.color-box-container .box-item24 .box-content-container24{display:flex;flex-direction:column;align-items:center;margin-top:6%}.color-box-container .box-item24 .box-content-container24 .lens-image24{margin-bottom:6%}.color-box-container .box-item24 .box-content-container24 .box-color-name24{font-family:Agrandir-Regular;font-size:1.875rem;font-weight:400;line-height:30px;text-align:center;color:#fff;margin:0 2%}.color-box-container .box-item24 .box-content-container24 .description24{font-family:Helvetica-Neue-Light;font-size:1.5rem;font-weight:300;line-height:30px;text-align:center;color:#fff;width:413px}.color-box-container .box-item24 .box-content-container24 .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.color-box-container .box-item24 .box-content-container24 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}.btn-container{display:flex;justify-content:center;align-items:center;width:100%;gap:1.6%}.btn-container .btn-outline{display:flex;align-items:center;justify-content:space-evenly;width:240px;height:48px;max-width:240px;border:1px solid #1c1c1c}.btn-container .btn-outline p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:34px;text-align:center;color:#1c1c1c;margin:4px 0 0}.btn-container .btn-solid{display:flex;align-items:center;justify-content:center;background-color:#1c1c1c;width:240px;height:48px;border:2px}.btn-container .btn-solid p{font-family:Helvetica-Neue;font-size:16px;font-weight:400;line-height:34px;text-align:center;color:#fff}@media only screen and (min-width: 600px) and (orientation: landscape){.lower-part-solar{width:100vw;height:150vw;transform:translateY(-10%)}.upper-image-container-4 .upper-bg-img-4{height:32vh}.upper-image-container-4 .header-container2{gap:2vh}.upper-image-container-4 .header-container2 .header-container{margin-top:2vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.color-box-container .box-item1{width:281px;height:281px}.color-box-container .box-item1 .box-content-container .lens-image img{width:132px;height:61px}.color-box-container .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container .box-item1 .box-content-container .description{font-size:1.125rem;line-height:22px;width:257px}.color-box-container .box-item24{width:281px;height:281px}.color-box-container .box-item24 .box-content-container24 .lens-image24 img{width:132px;height:61px}.color-box-container .box-item24 .box-content-container24 .box-color-name24{font-size:1.25rem}.color-box-container .box-item24 .box-content-container24 .description24{font-size:1.125rem;line-height:22px;width:196px}}@media only screen and (max-width: 1680px) and (max-height: 768px) and (orientation: landscape){.upper-image-container-4 .upper-bg-img-4{height:32vh}.upper-image-container-4 .header-container2{gap:2vh}.upper-image-container-4 .header-container2 .header-container{margin-top:2vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.color-box-container .box-item1{width:281px;height:281px}.color-box-container .box-item1 .box-content-container .lens-image img{width:132px;height:61px}.color-box-container .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container .box-item1 .box-content-container .description{font-size:1.125rem;line-height:22px;width:257px;height:66px}.color-box-container .box-item24{width:281px;height:281px}.color-box-container .box-item24 .box-content-container24 .lens-image24 img{width:132px;height:61px}.color-box-container .box-item24 .box-content-container24 .box-color-name24{font-size:1.25rem}.color-box-container .box-item24 .box-content-container24 .description24{font-size:1.125rem;line-height:22px;width:196px;height:60px}}@media only screen and (min-width: 600px) and (max-width: 1366px) and (orientation: landscape){.upper-image-container-4 .upper-bg-img-4{height:28vh}.upper-image-container-4 .header-container2{gap:2vh}.upper-image-container-4 .header-container2 .header-container{margin-top:2vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.color-box-container .box-item1{width:281px;height:281px}.color-box-container .box-item1 .box-content-container .lens-image img{width:132px;height:61px}.color-box-container .box-item1 .box-content-container .box-color-name{font-size:1.25rem}.color-box-container .box-item1 .box-content-container .description{font-size:1.125rem;line-height:22px;width:257px}.color-box-container .box-item24{width:281px;height:281px}.color-box-container .box-item24 .box-content-container24 .lens-image24 img{width:132px;height:61px}.color-box-container .box-item24 .box-content-container24 .box-color-name24{font-size:1.25rem}.color-box-container .box-item24 .box-content-container24 .description24{font-size:1.125rem;line-height:22px;width:196px}}@media only screen and (min-width: 320px) and (max-width: 600px) and (max-height: 768px) and (orientation: portrait){.upper-image-container-4 .upper-bg-img-4{height:26vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.btn-container{gap:8%}.btn-container .btn-outline{width:188px;height:48px;max-width:240px;box-sizing:border-box}.btn-container .btn-outline p{font-size:16px;line-height:34px}.btn-container .btn-solid{width:124px;height:48px;box-sizing:border-box}.btn-container .btn-solid p{font-size:16px;line-height:34px}}@media only screen and (min-width: 400px) and (max-height: 932px) and (orientation: portrait){.upper-image-container-4 .upper-bg-img-4{height:26vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.btn-container{gap:8%}.btn-container .btn-outline{width:188px;height:48px;max-width:240px}.btn-container .btn-outline p{font-size:16px;line-height:34px}.btn-container .btn-solid{width:124px;height:48px}.btn-container .btn-solid p{font-size:16px;line-height:34px}}@media (max-width: 320px){.upper-image-container-4 .upper-bg-img-4{height:28vh}.upper-image-container-4 .header-container2{gap:1vh}.upper-image-container-4 .header-container2 .more-container{height:4vh}.upper-image-container-4 .header-container2 .more-container .more-btn{font-size:1rem;line-height:2rem}.text-2-wrapper{margin-top:0%}.color-box-container{height:58vh}.btn-container{gap:8%}.btn-container .btn-outline{width:188px;height:48px;max-width:240px}.btn-container .btn-outline p{font-size:16px;line-height:34px}.btn-container .btn-solid{width:124px;height:48px}.btn-container .btn-solid p{font-size:16px;line-height:34px}}.scroll-container-solar{display:flex;overflow-x:auto;gap:16px;margin:14% 0;padding:0 5%;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.scroll-container-solar::-webkit-scrollbar{display:none}.box-4{width:282px;height:282px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;border-radius:10px;flex-shrink:0}.box-4 .box-content-container4{display:flex;flex-direction:column;align-items:center;margin-top:6%}.box-4 .box-content-container4 .lens-image4{margin-bottom:1%}.box-4 .box-content-container4 .lens-image4 img{width:104px;height:48px;object-fit:cover;object-position:center}.box-4 .box-content-container4 .box-color-name4{font-family:Agrandir-Regular;font-size:1.5rem;font-weight:400;line-height:2rem;text-align:center;color:#fff;margin:0 2%}.box-4 .box-content-container4 .description12{font-family:Helvetica-Neue-Light;font-size:1.125rem;font-weight:300;line-height:1.36rem;text-align:center;color:#fff;width:210px}.box-4 .box-content-container4 .description22{font-family:Helvetica-Neue-Light;font-size:1.125rem;font-weight:300;line-height:1.36rem;text-align:center;color:#fff;width:80%;margin-bottom:16%}.box-4 .box-content-container4 .simulate-container{display:flex;justify-content:center;align-items:center;width:100%;gap:15px}.box-4 .box-content-container4 .simulate-container .simulate{font-family:Helvetica-Neue;font-size:1rem;font-weight:300;line-height:1.5rem;text-align:center;color:#fff}@media (max-width: 320px){.scroll-container-solar{gap:12px;margin:4% 0;padding:0 3%}.box-4{width:200px;height:218px;border-radius:10px}.box-4 .box-content-container4{margin-top:1%}.box-4 .box-content-container4 .lens-image4{margin-bottom:0%}.box-4 .box-content-container4 .lens-image4 img{width:104px;height:48px;object-fit:cover;object-position:center}.box-4 .box-content-container4 .box-color-name4{font-size:1rem;line-height:1rem;margin:0 2%}.box-4 .box-content-container4 .description12{font-size:1rem;line-height:1rem;width:80%}.box-4 .box-content-container4 .description22{font-size:1rem;line-height:1rem;width:85%}.box-4 .box-content-container4 .simulate-container{gap:15px}.box-4 .box-content-container4 .simulate-container .simulate{font-size:1rem;line-height:1.5rem}}.slider-handle{width:40px;height:40px}.container{position:relative;width:100%;height:100vh;overflow:hidden}.container .back-button{position:fixed;bottom:20px;left:20px;height:50px;width:50px;z-index:5}.container .result3-header-container{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:start;width:100%;height:40vw;z-index:1;background:linear-gradient(to bottom,rgba(28,28,28,.4196078431),rgba(255,255,255,0))}.container .result3-header-container .r3-container{display:flex;justify-content:center;width:100%}.container .result3-header-container .r3-container .r3-header-wrapper{display:flex;justify-content:center;align-items:center;width:90%;margin-top:20px}.container .result3-header-container .r3-container .r3-header-wrapper .left-icon-wrapper{flex:1;display:flex;align-items:center}.container .result3-header-container .r3-container .r3-header-wrapper .r3-title div{font-weight:400;line-height:40px;text-align:center;margin:4% 0 5px}.container .result3-header-container .elements{display:flex;justify-content:center;align-items:center;margin-top:15px}.container .result3-header-container .elements div{font-weight:400px}.container .slider-btn-container{position:absolute;left:50%;transform:translate(-50%);bottom:8%;display:flex;justify-content:center;align-items:center;width:300px;height:40px;z-index:2;border-radius:999px;box-shadow:0 2px 4px #0000001a}.container .slider-btn-container svg{width:20px;height:20px}.container .slider-btn-container div{color:#fff}.container .layer{position:absolute;width:32vw;height:32vw;opacity:.5;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border:2px solid white}.container video{position:absolute;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 600px) and (orientation: landscape){.container .result3-header-container .elements{margin-top:20px}.container .back-button{top:20px}.container .slider-btn-container{bottom:6%;width:420px;height:56px}.container .slider-btn-container svg{width:24px;height:24px}}@media screen and (min-width: 1024px) and (max-width: 1280px) and (min-height: 540px) and (max-height: 650px) and (orientation: landscape){.container .layer{width:28vw;height:28vw}}@media screen and (max-width: 1680px) and (max-height: 728px) and (orientation: landscape){.container .layer{width:28vw;height:28vw}.container .slider-btn-container{bottom:6%;width:420px;height:56px}}@media screen and (min-width: 320px) and (max-width: 480px) and (min-height: 640px) and (max-height: 950px) and (orientation: portrait){.container .layer{width:90vw;height:90vw}.container .slider-btn-container{bottom:17vh}}@media screen and (min-width: 320px) and (max-width: 568px) and (max-height: 650px) and (orientation: portrait){.container .layer{width:80vw;height:80vw}.container .slider-btn-container{bottom:8%}}.color-quiz-video{width:100%;height:100vh;min-height:100%;object-fit:cover;object-position:center;overflow:hidden;transform:scale(1);transform-origin:center;transition:transform .3s ease}.overlay-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh}.logo-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-overlay .logo{z-index:999}.home-right-container-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center}.home-right-container-overlay .start-mid-text{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.home-right-container-overlay .start-mid-text .home-1{margin-top:0;margin-bottom:7px}.home-right-container-overlay .start-mid-text .home-2{margin-top:0;text-align:center;line-height:21px}.home-right-container-overlay .min{display:flex;align-items:center;justify-content:center;color:#fff;z-index:999;width:100px;gap:8px}.home-right-container-overlay .min svg{width:20px;height:20px}.home-right-container-overlay .min .home-3{display:flex;align-items:center;font-family:Helvetica-Neue-Thin;font-weight:400;font-size:1rem;letter-spacing:-.08px}.start-button{height:44px;width:80%;cursor:pointer;font-family:Helvetica Neue;display:flex;align-items:center;justify-content:center;margin-top:14px;z-index:999;border-radius:999px}.logos img{width:150px}.slideLeft{position:absolute;top:0px;overflow:hidden;width:100%;height:100vh;min-height:100vh;left:-2624px;transition:left 1s ease-in-out;z-index:999}.home-5-text-container{display:flex;justify-content:center;align-items:center;width:98%;height:59px;background-color:#1c1c1c;border-radius:6px}.home-5-text-container p{text-align:center}@media only screen and (min-width: 601px) and (max-width: 768px) and (orientation: landscape){.color-quiz-video{transform:scale(1.2);transform-origin:center}}@media only screen and (min-width: 601px) and (max-width: 768px) and (orientation: portrait){.color-quiz-video{transform:scale(1);transform-origin:center}}@media only screen and (min-width: 1024px) and (orientation: landscape){.color-quiz-video{width:100%;height:100vh;min-height:100%;object-fit:cover;object-position:center;overflow:hidden;transform:scale(1.1);transform-origin:center}.logos img{width:200px}.home-right-container-overlay .start-mid-text .home-1{font-size:24px}.home-right-container-overlay .start-mid-text .home-2{font-size:16px}.start-button{width:fit-content;padding:5px;padding-inline:40px}.home-5-text-container{width:fit-content;padding-inline:20px}.home-5-text-container p{font-size:16px}}@media screen and (min-width: 769px) and (max-width: 1024px) and (max-height: 1366px) and (orientation: portrait){.color-quiz-video{transform:scale(1);transform-origin:center}}@media only screen and (min-width: 320px) and (max-width: 600px) and (orientation: portrait){.color-quiz-video{transform:scale(1);transform-origin:center}.logos img{width:190px}.home-right-container-overlay .start-mid-text{width:90%}.home-right-container-overlay .start-mid-text h4{font-size:1.5rem;line-height:2rem;width:100%;margin:0}.home-5-text-container{height:75px;width:94%}}@media screen and (min-width: 320px) and (max-width: 768px) and (max-height: 558px) and (orientation: portrait){.color-quiz-video{transform:scale(1);transform-origin:center}.home-right-container-overlay .start-mid-text{width:270px}.home-right-container-overlay .start-mid-text h4{font-size:1.1rem;line-height:1.5rem;width:100%;margin:0}.home-5-text-container{height:75px;width:94%}.home-5-text-container .home-5-text{width:328px;padding-top:0;font-size:.875rem;line-height:16px}}.color-profile-2{background-color:#fffdfa;margin-top:10px}.right-button{position:absolute;display:flex;justify-content:center;border-radius:999px;bottom:5vh;right:5vw;width:100px}@media screen and (max-height: 900px) and (max-width: 470px){.right-button{left:50%;right:auto;transform:translate(-50%)}}.transitions-logo{display:flex;width:100vw;align-items:center;justify-content:center;margin-top:20px}.transitions-logo img{max-width:120px}.color-profile-header{margin:0 auto;text-align:center}.color-profile-header .h1{font-size:40px;margin:0}.color-profile-content{position:relative;width:361px;height:580px;margin:30px auto 0}@media screen and (max-height: 700px){.color-profile-content{height:70vh}}.color-profile-content .axes-mobile{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-height: 900px) and (max-width: 470px){.color-profile-content .axes-mobile{height:90%}}@media screen and (max-height: 600px) and (max-width: 1024px){.color-profile-content .axes-mobile{height:100%}}@media screen and (max-height: 600px) and (min-width: 1200px) and (max-width: 1280px){.color-profile-content .axes-mobile{height:90%}}.color-profile-content .quadrants{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;z-index:1}@media (max-width: 500px) and (max-height: 900px){.color-profile-content .quadrants{top:45%}}.color-profile-content .quadrants .quadrant-wrapper{width:180px;height:180px;transition:transform .25s ease}@media (max-width: 500px) and (max-height: 915px){.color-profile-content .quadrants .quadrant-wrapper{width:70px;height:70px}}@media (min-width: 1280px) and (max-height: 900px){.color-profile-content .quadrants .quadrant-wrapper{width:170px;height:170px}}.color-profile-content .quadrants .quadrant-wrapper img{width:100%;height:100%;object-fit:contain}@media (min-width: 768px){.color-profile-content .quadrants .quadrant-wrapper.primary img{transform:scale(1.2)}.color-profile-content .quadrants .quadrant-wrapper.vibrant-cold.primary{transform:translate(-15px,-15px)}.color-profile-content .quadrants .quadrant-wrapper.vibrant-warm.primary{transform:translate(15px,-15px)}.color-profile-content .quadrants .quadrant-wrapper.natural-cold.primary{transform:translate(-15px,15px)}.color-profile-content .quadrants .quadrant-wrapper.natural-warm.primary{transform:translate(15px,15px)}}.color-profile-content .labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99}.color-profile-content .labels span{margin-left:5px}.color-profile-content .labels .label{position:absolute;pointer-events:all;cursor:pointer}.color-profile-content .labels .vibrant-cold{top:5%;left:3%}.color-profile-content .labels .vibrant-cold.active{text-decoration:underline;background:linear-gradient(225deg,rgba(2,121,88,.9) -.07%,rgba(89,111,195,.9) 49.52%,rgba(152,106,169,.9) 100.07%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.color-profile-content .labels .vibrant-warm{top:5%;left:57%}.color-profile-content .labels .vibrant-warm.active{text-decoration:underline;background:linear-gradient(225deg,rgba(175,48,97,.9) 0%,rgba(219,161,114,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.color-profile-content .labels .natural-cold{bottom:20%;left:3%}.color-profile-content .labels .natural-cold.active{text-decoration:underline;background:linear-gradient(45deg,rgba(89,93,99,.9) 0%,rgba(80,102,54,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.color-profile-content .labels .natural-warm{bottom:20%;left:57%}.color-profile-content .labels .natural-warm.active{text-decoration:underline;background:rgba(108,67,35,.9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.color-profile-content .swatches{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all;z-index:10}.color-profile-content .swatches>div{position:absolute;display:flex;flex-direction:column;gap:6px}.color-profile-content .swatches .vibrant-cold{top:12%;left:0%}.color-profile-content .swatches .vibrant-warm{top:12%;left:53%}.color-profile-content .swatches .natural-cold{bottom:27%;left:0%}.color-profile-content .swatches .natural-warm{bottom:27%;left:53%}.color-profile-content .card-profile{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;overflow:visible}.color-profile-content .card-profile .card{position:absolute;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility 0s ease .25s;pointer-events:none}.color-profile-content .card-profile .card.visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s ease 0s;pointer-events:all}.color-profile-content .card-profile .vibrant-cold{top:15%;left:0%}.color-profile-content .card-profile .vibrant-warm{top:15%;right:0%;left:auto}.color-profile-content .card-profile .natural-cold{bottom:15%;left:0%}.color-profile-content .card-profile .natural-warm{bottom:15%;right:0%;left:auto}@media (min-width: 768px){.color-profile-content{width:49vw;height:37vw;min-width:748px;min-height:565px;max-width:760px;max-height:624px;height:100%}.color-profile-content .quadrants{top:50%}.color-profile-content .quadrants img{width:240px;height:240px}.color-profile-content .labels .vibrant-cold{width:63px;top:40%;left:38%}.color-profile-content .labels .vibrant-warm{width:70px;top:40%;left:53%}.color-profile-content .labels .natural-cold{width:63px;top:53%;left:38%}.color-profile-content .labels .natural-warm{width:70px;top:53%;left:53%}.color-profile-content .swatches .vibrant-cold{top:15%;left:8%}.color-profile-content .swatches .vibrant-warm{top:20%;left:67%}.color-profile-content .swatches .natural-cold{top:70%;left:8%}.color-profile-content .swatches .natural-warm{top:73%;left:65%}.color-profile-content .card-profile .vibrant-cold{top:12%;left:7%}.color-profile-content .card-profile .vibrant-warm{top:12%;right:7%;left:auto}.color-profile-content .card-profile .natural-cold{bottom:12%;left:7%}.color-profile-content .card-profile .natural-warm{bottom:12%;right:7%;left:auto}}@media (min-width: 768px) and (max-height: 600px){.color-profile-content{max-width:39vw;min-height:37vw}.color-profile-content .quadrants{top:45%}}@media (min-width: 768px) and (max-height: 600px) and (max-width: 1024px){.color-profile-content .quadrants{top:50%}}@media (min-width: 768px) and (max-height: 600px){.color-profile-content .quadrants img{width:140px;height:140px}.color-profile-content .labels .vibrant-cold{width:63px;top:38%!important;left:42%;font-size:14px!important}.color-profile-content .labels .vibrant-warm{width:70px;top:38%!important;left:52%;font-size:14px!important}.color-profile-content .labels .natural-cold{left:42%;font-size:14px;width:63px;top:50%}}@media (min-width: 768px) and (max-height: 600px) and (max-width: 1024px){.color-profile-content .labels .natural-cold{top:53%;font-size:14px!important}}@media (min-width: 768px) and (max-height: 600px){.color-profile-content .labels .natural-warm{width:70px;top:50%;left:52%;font-size:14px!important}}@media (min-width: 768px) and (max-height: 600px) and (max-width: 1024px){.color-profile-content .labels .natural-warm{top:53%;font-size:14px!important}}.color-pill{display:flex;align-items:center;width:146px;height:32px;border-radius:100px;padding-right:12px;overflow:visible;position:relative;gap:2px;color:#1c1c1c;background:rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.color-pill:before{content:"";position:absolute;inset:0;border-radius:100px;pointer-events:none;padding:.5px;background:conic-gradient(from 225deg,rgba(255,255,255,.055) 0deg,rgba(255,255,255,.603) 70deg,rgba(255,255,255,.02) 180deg,rgba(255,255,255,.315) 250deg,rgba(255,255,255,0) 320deg,rgba(255,255,255,.007) 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:blur(1.5px);opacity:.9}.color-pill .color-swatch{flex-shrink:0;width:48px;height:48px;border-radius:50%;margin-left:-4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.color-pill .color-swatch .icon{width:24px;height:24px;object-fit:cover}.color-pill .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:-10px}.color-pill .simulate{flex-shrink:0;display:flex;align-items:center}.color-pill .simulate svg{width:16px;height:16px}.color-pill .simulate svg.active{color:#fff}@media (min-width: 768px){.color-pill{width:180px;height:40px}}.color-pill.color-pill-ruby{background-color:#9d225233}.color-pill.color-pill-ruby.active{background-color:#9d225280}.color-pill.color-pill-ruby.active .label{color:#fff}.color-pill.color-pill-amber{background-color:#8d662433}.color-pill.color-pill-amber.active{background-color:#8d662480}.color-pill.color-pill-amber.active .label{color:#fff}.color-pill.color-pill-brown{background-color:#32231333}.color-pill.color-pill-brown.active{background-color:#32231380}.color-pill.color-pill-brown.active .label{color:#fff}.color-pill.color-pill-graphite-green{background-color:#13471f33}.color-pill.color-pill-graphite-green.active{background-color:#13471f80}.color-pill.color-pill-graphite-green.active .label{color:#fff}.color-pill.color-pill-emerald{background-color:#0e554033}.color-pill.color-pill-emerald.active{background-color:#0e554080}.color-pill.color-pill-emerald.active .label{color:#fff}.color-pill.color-pill-sapphire{background-color:#214e7833}.color-pill.color-pill-sapphire.active{background-color:#214e7880}.color-pill.color-pill-sapphire.active .label{color:#fff}.color-pill.color-pill-amethyst{background-color:#77458533}.color-pill.color-pill-amethyst.active{background-color:#77458580}.color-pill.color-pill-amethyst.active .label{color:#fff}.color-pill.color-pill-grey{background-color:#3333}.color-pill.color-pill-grey.active{background-color:#33333380}.color-pill.color-pill-grey.active .label{color:#fff}@media screen and (max-height: 700px){.color-pill{height:30px}.color-profile-content .swatches .natural-warm{bottom:20%}.color-profile-content .swatches .natural-cold{bottom:18%}.color-profile-content .labels .vibrant-cold,.color-profile-content .labels .vibrant-warm{top:5%}.color-profile-content .labels .natural-cold,.color-profile-content .labels .natural-warm{bottom:5%}.color-profile-content .swatches .vibrant-cold{top:13%}}.card-profile-container{width:136px;height:126px;opacity:1;border-radius:16px;gap:8px;padding:16px;background:linear-gradient(0deg,rgba(128,128,128,.3),rgba(128,128,128,.3)),radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%);z-index:999;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.card-profile-container .title{display:flex;align-content:center;align-items:center;justify-content:space-between}.card-profile-container .title .label{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.card-profile-container .title .label.natural-warm,.card-profile-container .title .label.vibrant-warm{font-size:17px}.card-profile-container .title .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;cursor:pointer;visibility:visible}.card-profile-container .content{padding-top:8px;color:#fff}@media (min-width: 768px){.card-profile-container{width:250px;height:110px;padding:24px}.card-profile-container .title .label.natural-warm,.card-profile-container .title .label.vibrant-warm{font-size:24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circular-progress{width:376px;height:376px;position:relative;display:flex;justify-content:center;align-items:center}.spinner-svg{position:absolute;width:100%;height:100%;animation:spin 2s linear infinite}.text-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;height:20vh;gap:10%;z-index:2}.text-wrapper .inner-text-title{text-align:center}.text-wrapper .inner-text-title.desktop{font-size:40px}.text-wrapper .inner-description{width:196px;color:#1c1c1c;line-height:24px;font-weight:300;font-style:Light;font-size:16px;letter-spacing:0%;text-align:center}@media only screen and (min-width: 600px) and (max-width: 1366px) and (max-height: 820px) and (orientation: landscape){.circular-progress{width:400px;height:400px}.text-wrapper .inner-text-title{font-size:1.5rem}.text-wrapper .inner-description{width:196px}}@media only screen and (max-width: 1680px) and (max-height: 768px) and (orientation: landscape){.text-wrapper .inner-text-title{font-size:1.5rem}.text-wrapper .inner-description{width:196px}}@media only screen and (min-width: 1024px) and (max-width: 1366px) and (min-height: 1366px) and (orientation: portrait){.text-wrapper .inner-description{width:196px}}@media only screen and (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px) and (orientation: landscape){.text-wrapper .inner-description{width:196px}}@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait){.circular-progress{width:90vw;height:90vw}.circular-progress .text-wrapper .inner-text-title,.circular-progress .text-wrapper .inner-description{width:276px}}.color-axis{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media screen and (max-height: 900px) and (max-width: 470px){.color-axis{height:80%;top:45%}}@media screen and (max-height: 600px) and (max-width: 1024px){.color-axis{height:100%}}@media screen and (max-height: 600px) and (min-width: 1200px) and (max-width: 1280px){.color-axis{height:90%}}@media screen and (max-height: 600px) and (min-width: 1280px) and (max-width: 1280px){.color-axis{top:45%}}.color-axis .axis-image{position:absolute;width:100%;height:100%;object-fit:cover;padding-left:20px;padding-right:20px;box-sizing:border-box}.color-axis .axis-label{z-index:9999;position:absolute;text-transform:uppercase}.color-axis .enhanced{top:-25px;left:50%;transform:translate(-50%)}.color-axis .warm{right:-40px;top:50%;transform:translateY(-50%)}.color-axis .natural{bottom:-25px;left:50%;transform:translate(-50%)}.color-axis .cold{left:-40px;top:50%;transform:translateY(-50%)}@media (max-width: 500px){.color-axis .axis-label{font-size:12px}.color-axis .enhanced{top:-15px}.color-axis .natural{bottom:-15px}.color-axis .cold{left:-25px}.color-axis .warm{right:-25px}}@media (min-width: 1024px) and (max-width: 1030px){.color-axis{max-width:70%}}@font-face{font-family:Helvetica-Neue;src:url(/color-vibe-v2/assets/font-e5aaf0b8.woff2) format("woff2"),url(/color-vibe-v2/assets/font-12466560.woff) format("woff")}@font-face{font-family:Helvetica-Neue-Medium;src:url(/color-vibe-v2/assets/HelveticaNeue-Medium-898bc09b.ttf) format("opentype")}@font-face{font-family:Helvetica-Neue-Light;src:url(/color-vibe-v2/assets/HelveticaNeueLight-0b61ac5f.ttf) format("opentype")}@font-face{font-family:Helvetica-Neue-Thin;src:url(/color-vibe-v2/assets/HelveticaNeue-Thin-6f6f5810.otf) format("opentype")}@font-face{font-family:Helvetica-Neue-Regular;src:url(/color-vibe-v2/assets/HelveticaNeue-Regular-0ff3a909.otf) format("opentype")}@font-face{font-family:Agrandir-Regular;src:url(/color-vibe-v2/assets/Agrandir-GrandRegular-8b248a8b.otf) format("opentype")}@font-face{font-family:Agrandir-Grand-Light;src:url(/color-vibe-v2/assets/Agrandir-GrandLight-887c6eb9.otf) format("opentype")}@font-face{font-family:Agrandir;src:url(/color-vibe-v2/assets/Agrandir-GrandThin-4a5ea63a.otf) format("opentype")}@font-face{font-family:Agrandir-Grand-Medium;src:url(/color-vibe-v2/assets/Agrandir-GrandMedium-6bce6455.otf) format("opentype")}@font-face{font-family:Agrandir-Grand-Regular;src:url(/color-vibe-v2/assets/Agrandir-GrandRegular-8b248a8b.otf) format("opentype")}@font-face{font-family:Agrandir-PP;src:url(/color-vibe-v2/assets/PP-Agrandir-Normal-Variable-863b9497.ttf) format("truetype")}.helvetica-neue-light{font-family:Helvetica-Neue-Light}.helvetica-neue{font-family:Helvetica-Neue;color:#1c1c1c}.helvetica-neue-thin{font-family:Helvetica-Neue-Thin}.helvetica-neue-regular{font-family:Helvetica-Neue-Regular}.agrandir-regular{font-family:Agrandir-Regular}.agrandir-grand-regular{font-family:Agrandir-Grand-Regular;color:#1c1c1c}.agrandir{font-family:Agrandir;color:#1c1c1c}.agrandir-light{font-family:Agrandir-Grand-Light;src:url(/color-vibe-v2/assets/Agrandir-GrandLight-3361e55b.otf) format("opentype");color:#1c1c1c}.agrandir-grand-medium{font-family:Agrandir-Grand-Medium;src:url(/color-vibe-v2/assets/Agrandir-GrandMedium-6bce6455.otf) format("opentype");color:#1c1c1c}:root{font-family:Agrandir-Grand-Regular,Agrandir-Grand-Light,Helvetica-Neue-Regular,Helvetica-Neue-Light}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{display:block;margin:0;place-items:center;min-width:100%;height:100vh;min-height:-webkit-fill-available;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{margin:0;padding:0;width:100vw}.h1{font-family:Agrandir-PP;font-size:32px;color:#1c1c1c}@media (min-width: 500px){.h1{font-size:32px}}.h1-bold{font-family:Agrandir-PP;font-size:32px;font-weight:700}@media (min-width: 500px){.h1-bold{font-size:32px}}.h2{font-family:Agrandir-PP;font-size:24px;color:#1c1c1c}@media (min-width: 500px){.h2{font-size:24px}}.h2-bold{font-family:Agrandir-PP;font-size:24px;font-weight:700}@media (min-width: 500px){.h2-bold{font-size:24px}}.h3{font-family:Agrandir-PP;font-size:18px;color:#1c1c1c}@media (min-width: 500px){.h3{font-size:18px}}.h3-bold{font-family:Agrandir-PP;font-size:18px;font-weight:700}@media (min-width: 500px){.h3-bold{font-size:18px}}.text-lg{font-family:Helvetica-Neue-Light;font-size:18px;color:#1c1c1c}@media (min-width: 500px){.text-lg{font-size:27px}}.text-lg-bold{font-family:Helvetica-Neue-Light;font-size:18px;font-weight:700}@media (min-width: 500px){.text-lg-bold{font-size:27px}}.text-base{font-family:Helvetica-Neue-Light;font-size:16px;color:#1c1c1c}@media (min-width: 500px){.text-base{font-size:16px}}.text-base-bold{font-family:Helvetica-Neue-Light;font-size:16px;font-weight:700}@media (min-width: 500px){.text-base-bold{font-size:16px}}.text-sm{font-family:Helvetica-Neue-Light;font-size:14px;color:#1c1c1c}@media (min-width: 500px){.text-sm{font-size:16px}}.text-sm-bold{font-family:Helvetica-Neue-Light;font-size:14px;font-weight:700}@media (min-width: 500px){.text-sm-bold{font-size:16px}}.text-xs{font-family:Helvetica-Neue-Light;font-size:12px;color:#1c1c1c}@media (min-width: 500px){.text-xs{font-size:28px}}.text-xs-bold{font-family:Helvetica-Neue-Light;font-size:12px;font-weight:700}@media (min-width: 500px){.text-xs-bold{font-size:28px}}.large{font-family:Helvetica-Neue-Regular;font-size:16px;color:#1c1c1c}@media (min-width: 500px){.large{font-size:16px}}.large-bold{font-family:Helvetica-Neue-Regular;font-size:16px;font-weight:700}@media (min-width: 500px){.large-bold{font-size:16px}}.medium{font-family:Helvetica-Neue-Regular;font-size:14px;color:#1c1c1c}@media (min-width: 500px){.medium{font-size:14px}}.medium-bold{font-family:Helvetica-Neue-Regular;font-size:14px;font-weight:700}@media (min-width: 500px){.medium-bold{font-size:14px}}.small{font-family:Helvetica-Neue-Regular;font-size:12px;color:#1c1c1c}@media (min-width: 500px){.small{font-size:12px}}.small-bold{font-family:Helvetica-Neue-Regular;font-size:12px;font-weight:700}@media (min-width: 500px){.small-bold{font-size:12px}}.text-primary-white{color:#fff}.bg-primary-white{background:#ffffff}.text-primary-black{color:#1c1c1c}.bg-primary-black{background:#1c1c1c}.text-primary-glass{color:radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%),linear-gradient(0deg,rgba(128,128,128,.3) 0%,rgba(128,128,128,.3) 100%),transparent}.bg-primary-glass{background-image:radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%),linear-gradient(0deg,rgba(128,128,128,.3) 0%,rgba(128,128,128,.3) 100%);background-color:transparent}@supports (backdrop-filter: blur()){.bg-primary-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.text-primary-glass2{color:radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%),linear-gradient(0deg,rgba(239,238,238,.719) 0%,rgba(218,217,217,.568) 100%),transparent}.bg-primary-glass2{background-image:radial-gradient(81.59% 100% at 50% 0%,rgba(255,255,255,0) 48.8%,rgba(255,255,255,.07) 100%),linear-gradient(0deg,rgba(239,238,238,.719) 0%,rgba(218,217,217,.568) 100%);background-color:transparent}@supports (backdrop-filter: blur()){.bg-primary-glass2{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.text-primary-darkgray{color:#1c1c1c}.bg-primary-darkgray{background:rgb(28,28,28)}.text-secondary-ruby{color:#9d225180}.bg-secondary-ruby{background:rgba(157,34,81,.5019607843)}.text-secondary-amber{color:#8d662480}.bg-secondary-amber{background:rgba(141,102,36,.5019607843)}.text-secondary-brown{color:#32231380}.bg-secondary-brown{background:rgba(50,35,19,.5019607843)}.text-secondary-gg{color:#13471f80}.bg-secondary-gg{background:rgba(19,71,31,.5019607843)}.text-secondary-grey{color:#33333380}.bg-secondary-grey{background:rgba(51,51,51,.5019607843)}.text-secondary-emerald{color:#0e554080}.bg-secondary-emerald{background:rgba(14,85,64,.5019607843)}.text-secondary-sapphire{color:#214e7880}.bg-secondary-sapphire{background:rgba(33,78,120,.5019607843)}.text-secondary-amethyst{color:#77458580}.bg-secondary-amethyst{background:rgba(119,69,133,.5019607843)}.text-gradient-ruby{color:linear-gradient(136deg,rgba(227,78,132,.45) 3.45%,rgba(102,15,47,.9) 72.79%)}.bg-gradient-ruby{background:linear-gradient(136deg,rgba(227,78,132,.45) 3.45%,rgba(102,15,47,.9) 72.79%)}.text-gradient-amber{color:linear-gradient(136deg,rgba(181,117,64,.45) 3.45%,rgba(181,117,64,.9) 74.88%)}.bg-gradient-amber{background:linear-gradient(136deg,rgba(181,117,64,.45) 3.45%,rgba(181,117,64,.9) 74.88%)}.text-gradient-brown{color:linear-gradient(136deg,rgba(66,33,11,.45) 3.45%,rgba(66,33,11,.9) 74.88%)}.bg-gradient-brown{background:linear-gradient(136deg,rgba(66,33,11,.45) 3.45%,rgba(66,33,11,.9) 74.88%)}.text-gradient-gg{color:linear-gradient(136deg,rgba(52,79,23,.45) 3.45%,rgba(52,79,23,.9) 74.88%)}.bg-gradient-gg{background:linear-gradient(136deg,rgba(52,79,23,.45) 3.45%,rgba(52,79,23,.9) 74.88%)}.text-gradient-grey{color:linear-gradient(136deg,rgba(51,51,51,.45) 3.45%,rgba(51,51,51,.9) 74.88%)}.bg-gradient-grey{background:linear-gradient(136deg,rgba(51,51,51,.45) 3.45%,rgba(51,51,51,.9) 74.88%)}.text-gradient-emerald{color:linear-gradient(136deg,rgba(19,71,31,.45) 3.45%,rgba(19,71,31,.9) 74.88%)}.bg-gradient-emerald{background:linear-gradient(136deg,rgba(19,71,31,.45) 3.45%,rgba(19,71,31,.9) 74.88%)}.text-gradient-sapphire{color:linear-gradient(136deg,rgba(3,53,124,.45) 3.45%,rgba(3,53,124,.9) 74.88%)}.bg-gradient-sapphire{background:linear-gradient(136deg,rgba(3,53,124,.45) 3.45%,rgba(3,53,124,.9) 74.88%)}.text-gradient-amethyst{color:linear-gradient(136deg,rgba(71,37,109,.45) 3.45%,rgba(71,37,109,.9) 74.88%)}.bg-gradient-amethyst{background:linear-gradient(136deg,rgba(71,37,109,.45) 3.45%,rgba(71,37,109,.9) 74.88%)}.text-gradient-nc{color:radial-gradient(rgba(75,98,51,.37),rgba(129,129,129,.2666666667),rgba(255,255,255,.0745098039))}.bg-gradient-nc{background:radial-gradient(rgba(75,98,51,.37),rgba(129,129,129,.2666666667),rgba(255,255,255,.0745098039))}