.beauty-profile{background-color:red}.beauty-profile .close-btn{display:block;width:40px;height:40px;position:absolute;right:0;top:0;padding:4px;background-position:center center;background-repeat:no-repeat;z-index:5001}.beauty-profile .veil{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(183,183,183,.75);z-index:5999}.beauty-profile .veil.open{display:block}.beauty-profile .modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6000;background-color:#fff;display:none;padding:22px 0}@media screen and ( min-width: 1024px ){.beauty-profile .modal{top:5%;left:5%;width:90%;height:90%}}.beauty-profile .modal.open{display:block}.beauty-profile .modal .header-quest{padding:0 30px}@media screen and ( min-width: 1024px ){.beauty-profile .modal .header-quest{padding:0 60px}}.beauty-profile .modal .header-quest .first-row{display:flex;justify-content:space-between;align-items:stretch;flex-flow:row wrap;justify-content:space-between;height:35px;padding-top:15px}.beauty-profile .modal .header-quest .first-row .step-x-y{font-size:18px;line-height:15px;font-weight:600}@media screen and ( min-width: 1024px ){.beauty-profile .modal .header-quest .first-row .step-x-y{font-size:24px;line-height:20px;height:20px}}.beauty-profile .modal .header-quest .first-row .title-quiz-name{font-size:18px;line-height:15px;font-weight:700;text-align:right;height:15px;overflow:hidden}@media screen and ( min-width: 1024px ){.beauty-profile .modal .header-quest .first-row .title-quiz-name{font-size:24px;line-height:20px;height:20px}}.beauty-profile .modal .header-quest .second-row .progress-bar{height:4px;width:100%;background-color:#cfcfcf;margin:22px 0}@media screen and ( min-width: 1024px ){.beauty-profile .modal .header-quest .second-row .progress-bar{height:6px}}.beauty-profile .modal .header-quest .second-row .progress-bar .progress{display:block;height:100%;min-width:4px;width:0;background-color:#8bd3d6;transition:width ease-in-out 125ms}.beauty-profile .modal .slider-survey{height:calc(100% - 70px);position:relative}.beauty-profile .modal .slider-survey .question-page-scroll{overflow:auto;overflow-x:hidden;font-weight:700;transition:all ease-in-out 150ms;width:100%;position:absolute;left:0;top:0;max-height:100%;padding:0 30px;text-align:center;font-size:24px}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll{padding:0 60px}}.beauty-profile .modal .slider-survey .question-page-scroll.feedback{height:100%;line-height:1.5}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex{height:100%;justify-content:center;flex-flow:column}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .progress-bar-wrap{width:100%;max-width:640px;margin:25px 0}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .progress-bar-wrap .header-progress{font-size:17px;display:flex;justify-content:space-between}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .progress-bar-wrap .header-progress{font-size:19px}}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .progress-bar-wrap .progress-bg{width:100%;height:10px;border-radius:5px;background-color:#cfcfcf}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .progress-bar-wrap .progress-bg .progress-bar{display:block;height:10px;border-radius:5px;background-color:#8bd3d6}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .feedback-image{margin:20px 0 60px 0}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .btn-cont{margin-top:20px;vertical-align:top}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .btn-cont .btn-secondary{position:relative;vertical-align:top}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .btn-cont .btn-secondary{margin-right:10px}}.beauty-profile .modal .slider-survey .question-page-scroll.feedback .flex .btn-cont .btn-secondary .material-symbols-outlined{margin:-11px 0}.beauty-profile .modal .slider-survey .question-page-scroll .section-title{line-height:1.5;padding-top:30px}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll .section-title{padding:0}}.beauty-profile .modal .slider-survey .question-page-scroll .answers-wrap{text-align:left}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll .answers-wrap{display:flex;justify-content:space-between;align-items:stretch;flex-flow:row wrap;align-items:initial;justify-content:start;max-width:460px;margin:0 auto}}.beauty-profile .modal .slider-survey .question-page-scroll .answers-wrap .answers-cont{cursor:pointer}.beauty-profile .modal .slider-survey .question-page-scroll .input-text-cont{width:100%;margin-top:10px;display:none}.beauty-profile .modal .slider-survey .question-page-scroll .input-text-cont textarea{border-radius:20px}.beauty-profile .modal .slider-survey .question-page-scroll .input-text-cont.is-error textarea{border:1px solid #d23d1b}.beauty-profile .modal .slider-survey .question-page-scroll .input-text-cont.show{display:block}.beauty-profile .modal .slider-survey .question-page-scroll .step-back{display:block;cursor:pointer;height:20px;width:30%;font-size:19px;line-height:20px;max-width:fit-content;text-align:left;vertical-align:top;position:absolute}.beauty-profile .modal .slider-survey .question-page-scroll .step-back:before{display:inline-block;vertical-align:top;content:"";width:20px;height:20px;font-family:"Material Symbols Outlined";content:"";margin-right:5px;margin-top:-1px}.beauty-profile .modal .slider-survey .question-page-scroll .question{font-size:21.5px;line-height:24px;text-align:center;padding:20px 0;width:100%}.beauty-profile .modal .slider-survey .question-page-scroll .answers-wrap .answers-container{line-height:30px}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap,.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap{margin:0 auto}}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-container,.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-container{width:100%;margin:5px 0}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-container .answers-cont,.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-container .answers-cont{width:100%;position:relative;border:1px solid #cfcfcf;padding:15px 15px 15px 50px;border-radius:20px}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-container .answers-cont.is-error,.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-container .answers-cont.is-error{border-color:#ff1a1a}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-cont .checker{display:block;width:22px;height:22px;border-radius:50%;border:2px solid #cfcfcf;position:absolute;left:14px;top:50%;margin-top:-11px}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-cont.selected .checker{border-color:#000}.beauty-profile .modal .slider-survey .question-page-scroll.single-text .answers-wrap .answers-cont.selected .checker:before{display:block;content:"";width:12px;height:12px;border-radius:50%;background-color:#1bd292;margin:3px}.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-cont .checker{display:block;width:24px;height:24px;border-radius:7px;border:2px solid #ccc;position:absolute;left:14px;top:50%;margin-top:-12px}.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-cont.selected .checker{border-color:#000}.beauty-profile .modal .slider-survey .question-page-scroll.multi-text .answers-wrap .answers-cont.selected .checker:before{font-family:"Material Symbols Outlined";display:block;content:"";color:#1bd292;width:20px;height:20px;font-size:24px;line-height:22px;margin-left:-2px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container{width:100%;margin:10px 0}@media screen and ( min-width: 1024px ){.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container{width:calc(100% - 20px);margin:10px 10px}}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container.anim{transition:all ease-in-out 150ms}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(1) .answers-cont:before{content:"1. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(2) .answers-cont:before{content:"2. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(3) .answers-cont:before{content:"3. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(4) .answers-cont:before{content:"4. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(5) .answers-cont:before{content:"5. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(6) .answers-cont:before{content:"6. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(7) .answers-cont:before{content:"7. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(8) .answers-cont:before{content:"8. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(9) .answers-cont:before{content:"9. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(10) .answers-cont:before{content:"10. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(11) .answers-cont:before{content:"11. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(12) .answers-cont:before{content:"12. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(13) .answers-cont:before{content:"13. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(14) .answers-cont:before{content:"14. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(15) .answers-cont:before{content:"15. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(16) .answers-cont:before{content:"16. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(17) .answers-cont:before{content:"17. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(18) .answers-cont:before{content:"18. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(19) .answers-cont:before{content:"19. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:nth-child(20) .answers-cont:before{content:"20. ";display:inline-block;min-width:20px;padding-right:5px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont{background:#fff;width:100%;position:relative;border:1px solid #ccc;padding:15px 80px 15px 15px;border-radius:20px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont.move{cursor:move}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .tooltip-quiz{background-color:#323232;border-radius:4px;position:absolute;top:-10px;transform:translateY(-100%);color:#fff;font-size:15.5px;font-weight:normal;line-height:12px;padding:8px 15px;z-index:2000}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .tooltip-quiz:after{position:absolute;left:10px;bottom:-5px;display:block;content:"";width:10px;height:10px;transform:rotate(45deg);background-color:#323232}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .btn{font-size:19px;position:absolute;right:10px;width:28px;height:28px;line-height:28px;border-radius:10px;opacity:100%;text-align:center}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .btn.up{right:46px}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .btn svg{width:100%;height:auto}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container .answers-cont .btn svg path{fill:#1bd292}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:first-child .answers-cont .btn.up svg path{fill:#ccc}.beauty-profile .modal .slider-survey .question-page-scroll.order-elem .answers-wrap .answers-container:last-child .answers-cont .btn.down svg path{fill:#ccc}.beauty-profile .modal .slider-survey .question-page-scroll.date-text .answers-wrap .answers-container{margin:0 auto;max-width:335px;width:100%}.beauty-profile .modal .slider-survey .question-page-scroll.date-text .answers-wrap .answers-container input[type=date]{margin-top:10px;padding:15px 28px;border-radius:20px}.beauty-profile .modal .slider-survey .question-page-scroll.date-text .answers-wrap .answers-container input[type=date].validated{border-color:#000}.beauty-profile .modal .loading-wrap{background-color:rgba(255,255,255,.75);width:100%;height:100%;left:0;top:0;z-index:5999;position:fixed}.beauty-profile .modal .loading-wrap .loading{background-repeat:no-repeat;background-position:center;width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;background-size:95px 95px;background-image:url("https://abiby-icon-cdn.imgix.net/v4/main/loader-abb.gif?q=75")}@keyframes buttonFx{0%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.beauty-profile .pulse-fx{animation:buttonFx .15s ease-out 4}
/*# sourceMappingURL=modal-quiz.css.map */