body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.react-chatbot-kit-chat-header{background-color:#fff!important;box-shadow:0 6px 7px 0 rgba(174,174,192,.4);color:#5b6577!important;display:flex!important;font-family:Roboto,sans-serif!important;font-size:20px!important;font-style:normal;font-weight:400!important;justify-content:center;letter-spacing:.193px;line-height:100%;padding:30px!important;text-align:center;text-transform:capitalize!important}.react-chatbot-kit-chat-bot-message-container{position:relative}.react-chatbot-kit-chat-bot-message{font-size:18px!important;line-height:28px;margin-left:90px!important;min-height:60px;width:70%!important}.react-chatbot-kit-chat-bot-message,.react-chatbot-kit-user-chat-message{align-items:center;background-color:#f4f4f4!important;border-radius:13px!important;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;color:#5b6577!important;display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:400}.react-chatbot-kit-user-chat-message{font-size:20px!important;justify-content:center;line-height:35px;padding:7px 20px!important}button.MuiButtonBase-root{border:0!important;margin:12px auto;min-width:200px}button.MuiButtonBase-root:hover{box-shadow:inset 6px 6px 7px 0 rgba(174,174,192,.4),inset -6px -6px 7px 0 #fff!important}.react-chatbot-kit-user-avatar,.react-chatbot-kit-user-chat-message-arrow{display:none}.react-chatbot-kit-chat-bot-message span{margin-left:22px}.MuiAvatar-root.MuiAvatar-circular{bottom:0;box-shadow:6px 6px 7px 0 rgba(174,174,192,.78),-6px -6px 7px 0 #fff;height:105px!important;margin:auto;position:absolute;top:0;width:105px!important;z-index:9}.react-chatbot-kit-chat-bot-message-arrow{display:none}.react-chatbot-kit-chat-input-container{bottom:15px!important;position:fixed!important}.react-chatbot-kit-chat-input-form{background-color:#f4f4f4;border-radius:12px;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;flex-direction:row-reverse;margin:auto;padding:10px;width:85%!important}.react-chatbot-kit-chat-input-form input{background:#eee;border:0!important;border-radius:10px;box-shadow:inset 6px 6px 7px 0 rgba(174,174,192,.4),inset -6px -6px 7px 0 #fff;padding:14px 18px!important}button{background-color:#f4f4f4!important;border-radius:12px!important;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff!important;color:#5b6577!important;font-family:Raleway,sans-serif!important;font-size:18px!important;font-style:normal;font-weight:400!important;line-height:28px!important;max-width:215px;text-align:center;text-transform:none!important}.react-chatbot-kit-chat-btn-send{align-items:center;background-color:initial!important;box-shadow:0 0!important;display:flex;flex-direction:column;justify-content:center;margin-left:5px;margin-right:10px;width:50px!important}.react-chatbot-kit-chat-btn-send svg{fill:#808b9f!important;width:22px}.react-chatbot-kit-chat-container{width:100%!important}.react-chatbot-kit-chat-message-container{height:calc(100vh - 170px)!important;overflow:auto!important}.react-chatbot-kit-chat-inner-container{background-color:#f4f4f4!important;height:100vh!important}#ai-con{display:none;left:0;position:fixed;top:39px;width:180px}#ai-con #ai-video{width:100%;z-index:1}#ai-con .setting{cursor:pointer;position:absolute;right:0;top:0;width:24px;z-index:2}#ai-conf{display:none;height:150px;width:180px}.react-chatbot-kit-user-chat-message-container{display:flex;justify-content:flex-end;margin:15px 0}.react-chatbot-kit-user-avatar-container{align-items:center;background-color:#3d4e8d;border-radius:50%;display:flex;height:40px;justify-content:center;margin-left:12.5px;width:40px}.react-chatbot-kit-user-avatar-icon{fill:#fff;height:15px;width:15px}.react-chatbot-kit-user-chat-message{background-color:#f1f1f1;border-radius:5px;color:#585858;font-size:.9rem;font-weight:medium;padding:10px;position:relative;text-align:left}.react-chatbot-kit-user-chat-message-arrow{border-bottom:8px solid transparent;border-left:8px solid #f1f1f1;border-top:8px solid transparent;height:0;position:absolute;right:-7px;top:13px;width:0}.react-chatbot-kit-chat-bot-message-container{display:flex;justify-content:flex-start;margin:15px 0}.react-chatbot-kit-chat-bot-avatar-container{align-items:center;background-color:#d8d8d8;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:12.5px;width:40px}.react-chatbot-kit-chat-bot-avatar-icon{fill:#494646;height:22.5px;width:22.5px}.react-chatbot-kit-chat-bot-avatar-letter{color:#1d1d1d;margin:0;padding:0}.react-chatbot-kit-chat-bot-message{background-color:#2898ec;border-radius:5px;color:#fff;font-size:.9rem;font-weight:medium;margin-left:auto;padding:10px;position:relative;text-align:left;width:184.5px}.react-chatbot-kit-chat-bot-message-arrow{border-bottom:8px solid transparent;border-right:8px solid #2898ec;border-top:8px solid transparent;height:0;left:-7px;position:absolute;top:13px;width:0}.react-chatbot-kit-chat-bot-loading-icon-container{height:17px;width:25px}.chatbot-loader-container{display:flex;justify-content:center;width:100%}#chatbot-loader #chatbot-loader-dot1,#chatbot-loader #chatbot-loader-dot2{-webkit-animation:load 1s infinite;animation:load 1s infinite}#chatbot-loader #chatbot-loader-dot2{-webkit-animation-delay:.2s;animation-delay:.2s}#chatbot-loader #chatbot-loader-dot3{-webkit-animation:load 1s infinite;animation:load 1s infinite;-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}.react-chatbot-kit-chat-container{position:relative;width:275px}.react-chatbot-kit-chat-inner-container{background-color:#fff;border-radius:3px;border-radius:5px;height:500px}.react-chatbot-kit-chat-header{align-items:center;background-color:#efefef;border-top-left-radius:5px;border-top-right-radius:5px;color:#514f4f;display:flex;font-family:Arial;font-size:.85rem;font-weight:700;padding:12.5px}.react-chatbot-kit-chat-input-container{bottom:0;display:flex;position:absolute;width:100%}.react-chatbot-kit-chat-message-container{height:424px;overflow:scroll;padding:0 17.5px 10px}.react-chatbot-kit-chat-input{border:none;border-bottom-left-radius:5px;border-top:1px solid #d8d8d8;font-size:.85rem;padding:12.5px;width:100%}.react-chatbot-kit-chat-input-form{display:flex;width:100%}.react-chatbot-kit-chat-input::-webkit-input-placeholder{color:#585858}.react-chatbot-kit-chat-input::placeholder{color:#585858}.react-chatbot-kit-chat-btn-send{background-color:#2898ec;border:none;border-bottom-right-radius:5px;color:#fff;width:100px}.react-chatbot-kit-chat-btn-send-icon{fill:#fff;margin:0 auto;width:15px}.react-chatbot-kit-error{background-color:#fff;border-radius:3px;padding:15px}.react-chatbot-kit-error-container{width:260px}.react-chatbot-kit-error-header{color:#1d1d1d;font-size:1.3rem;margin-bottom:30px}.react-chatbot-kit-error-docs{border:1px solid #2898ec;color:#38688b;display:block;font-size:1rem;margin:25px auto;padding:8px;text-align:center;text-decoration:none;width:130px}.btns button,.btns label{margin:10px}.btns label{background-color:#f4f4f4!important;border-radius:12px;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;color:#5b6577!important;font-family:Raleway,sans-serif!important;font-size:18px;font-style:normal;font-weight:400;line-height:28px;margin-top:35px;text-align:center;text-transform:none}.selfy-img{background:#fff;bottom:0;height:100vh;left:0;margin:auto;padding:0;position:fixed;right:0;top:0;width:100%;z-index:99999}.selfy-img .num{margin:60px auto 30px}.selfy-img .num,.selfy-img .treatment-analysis{color:#5b6577;display:block;font-size:24px;font-style:normal;font-weight:400;line-height:35px;text-align:center}.selfy-img .treatment-analysis{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.selfy-img .treatment-name{border:0;display:block;font-size:24px!important;margin:30px auto;padding:8px 16px}.skinType{border:2px solid!important;border-radius:4px;display:block;float:right;width:200px}.analyses{border:0!important;scroll-margin-top:150px}.analyse-btn{font-size:16px!important;min-width:100%!important}.analyses-next{color:orange!important;display:block!important;margin:35px auto 0!important;padding:12px 7px!important}#my-type{background-color:#f4f4f4!important;border-radius:13px!important;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;color:#5b6577!important;font-family:Raleway,sans-serif;font-size:18px!important;font-style:normal;font-weight:500;line-height:28px;margin-top:20px;padding:20px 16px;text-align:left}.canvasContain{height:329px;margin:auto;position:relative;width:329px}#myCanvas,.canvasContain img{left:0;margin:auto;position:absolute;right:0}.canvasContain img{height:329px;width:329px}.label{border:1px solid #d8d8d8;border-radius:27.5px;font-size:11px;padding:4px 8px;position:absolute;width:-webkit-max-content!important;width:max-content!important}.label0{left:320px;top:88px}.label1{left:320px;top:226px}.label2{left:205px;top:315px}.label3{left:68px;top:315px}.label4{left:-65px;top:226px}.label5{left:-40px;top:81px}.label6{left:54px;top:-6px}.label7{left:215px;top:-6px}@media (max-width:480px){#myCanvas,.canvasContain,.canvasContain img{height:180px;width:180px}.label{font-size:10px}.label0{left:175px;top:40px}.label1{left:175px;top:120px}.label2{left:110px;top:175px}.label3{left:30px;top:175px}.label4{left:-60px;top:126px}.label5{left:-42px;top:44px}.label6{left:-10px;top:-16px}.label7{left:115px;top:-16px}}.analysis-dialog .MuiDialog-paper{height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:40px;width:100%}.analysis-dialog .css-bdhsul-MuiTypography-root-MuiDialogTitle-root{font-size:14px;padding:0;position:absolute;right:18px;top:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.analysis-dialog-content{height:100%}.scores{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:200px;position:relative}.score{border:1px solid #333;height:220px;margin:8px 4px;padding:10px 5px;width:70px}.score-bars{align-items:flex-end;display:flex;height:200px;justify-content:space-between}.score-label{display:block;font-size:8px;font-weight:700;overflow:hidden;padding:0 5px 5px;text-align:right;text-transform:uppercase;white-space:nowrap}.score-text{font-size:8px;justify-content:space-between}.bars,.score-text{display:flex;flex-direction:column;height:200px}.bars{min-width:8px}.bar{background:#c79182;border:1px solid #333;height:33%}.bar:nth-child(2){background:#ecd2cb}.bar:nth-child(3){background:#faeae7}.indicator{position:relative;top:0}.remove{color:red;font-size:11px;position:absolute;right:0;top:0}.result-title{color:#5b6577;display:block;font-family:Roboto,sans-serif;font-size:31px;font-style:normal;font-weight:400;letter-spacing:.3px;line-height:100%;margin:50px auto 25px;scroll-margin-top:240px;text-align:center}.result-treat{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto}.check-con{background:#f4f4f4;border-radius:12px;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;height:170px;margin:32px auto;max-width:42%;position:relative;width:160px}.check-con img{left:0;margin:auto;position:absolute;right:0;top:-50px}.result-treat .check-con button{color:#5b6577;font-family:Roboto,sans-serif;font-size:18px;font-style:normal!important;font-weight:400;line-height:28px;max-width:85%;min-width:100px;text-align:center;text-transform:lowercase!important;width:140px}.result-treat .check-con button:hover{box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff!important}.bg{background:#fff;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;color:#5b6577;font-family:Roboto,sans-serif;font-size:20px;font-style:normal!important;font-weight:400;line-height:35px;margin:auto;max-width:85%;min-width:100px;padding:4px;text-align:center;text-transform:lowercase!important;width:140px}.bg,.bg div{border-radius:18px}.bg div{background:#f4f4f4}.bg div div{background-image:linear-gradient(270deg,#e8cb65,#a6d866);background-repeat:no-repeat;background-size:100%;height:20px;width:100%}.images-con img{background:#ebebeb;height:50px;margin:0 4px;padding:4px;width:50px}.imp{background:#c5c5c5!important}#vid{border-radius:50%;box-shadow:6px 6px 7px 0 rgba(174,174,192,.78),-6px -6px 7px 0 #fff;height:auto;left:0;margin:auto;max-height:200px;position:fixed;right:0;top:10%;z-index:9999}.pub-img{position:relative}.selfy-img img.pub{display:block;margin:75px auto 35px;max-width:90%}.pub-img .num{font-size:22px;line-height:30px;margin:50px auto 25px}.pub-img .num,.pub-img .treatment-analysis{color:#5b6577;display:block;font-style:normal;font-weight:400;text-align:center}.pub-img .treatment-analysis{font-size:24px;line-height:35px;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pub-img .treatment-name{border:0;display:block;font-size:24px!important;margin:30px auto;padding:8px 16px}progress[value]{height:35px;mix-blend-mode:difference}.progress-bar,progress[value]{display:block;margin:auto;width:250px}.progress-bar{border-radius:2px;height:22px;left:0;padding:4px 0;position:absolute;right:0;text-align:center}.progress-bar>span{border-radius:2px;color:#fff;font-size:10px;mix-blend-mode:difference}.offre-prep span{align-items:center;background-color:#f4f4f4!important;border-radius:13px!important;box-shadow:6px 6px 7px 0 rgba(174,174,192,.4),-6px -6px 7px 0 #fff;color:#5b6577!important;display:flex;font-family:Raleway,sans-serif;font-size:18px!important;font-style:normal;font-weight:400;line-height:28px;margin:25px auto;min-height:60px;padding:15px;text-align:left;width:70%!important}
/*# sourceMappingURL=main.76e1cd38.css.map*/