.feedback-popup{font-family:"SF Pro Display",sans-serif;position:absolute;width:370px;height:auto;z-index:9;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1254901961);border-radius:12px;display:flex;flex-direction:column;padding:0 25px;line-height:1.5}@media(max-width: 992px){.feedback-popup{width:90vw;left:calc(40vw - min(357px,90vw)/2);max-width:357px}}@media(max-width: 768px){.feedback-popup{width:90vw;left:50%;transform:translateX(-50%);max-width:370px}}.feedback-popup__close{position:absolute;font-weight:700;color:#b3b3b3;right:7px;font-size:.7rem;padding:5px;cursor:pointer;top:17px}.feedback-container{margin:12px -12px}.feedback-header{display:grid;grid-template-columns:3.5fr 8.5fr;border-bottom:1px solid rgba(0,0,0,.0705882353);color:#322f65;font-size:14px;font-weight:300}.feedback-header__ipa{padding:10px 15px;text-align:start}.feedback-header__feedback{padding:10px 15px;text-align:start}.feedback-body{max-height:280px;overflow-y:auto}.feedback-row{display:grid;grid-template-columns:3.5fr 8.5fr;border-bottom:1px solid rgba(0,0,0,.0705882353)}.feedback-row__ipa{padding:10px 15px;font-weight:600;font-size:14px;text-align:start}.feedback-row__feedback{padding:10px 15px;text-align:left;display:flex;flex-direction:column;font-size:14px}.feedback-row__feedback .ipa-sound{display:flex;justify-content:space-between}.feedback-row__feedback p{font-size:14px;font-weight:400}.feedback-row__feedback .feedback--excellent{font-size:14px;font-weight:500;line-height:22px;letter-spacing:0;color:#27ae60 !important}.feedback-row__feedback .feedback--incorrect{color:red;font-weight:500;font-size:14px}.feedback-row__feedback .feedback--almost{color:#ff9600;font-weight:500;font-size:14px}.feedback-popup ::-webkit-scrollbar{width:3px}.feedback-popup ::-webkit-scrollbar-track{background:#f1f1f1}.feedback-popup ::-webkit-scrollbar-thumb{background:#888}.feedback-popup ::-webkit-scrollbar-thumb:hover{background:#555}.feedback-ipa{text-align:start;margin-top:20px;font-weight:100;font-size:16px}@media(max-width: 768px){.feedback-header{font-size:14px}.feedback-row__feedback p{font-size:12px}.feedback-row__ipa,.feedback-row__feedback .feedback--excellent,.feedback-row__feedback .feedback--incorrect,.feedback-row__feedback .feedback--almost{font-size:14px}.feedback-popup{padding:0 16px}.feedback-row__feedback,.feedback-header__ipa{padding:4px 15px}}.elsa-word-detail{cursor:pointer}.popup-cover{background:rgba(0,0,0,0);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}.message-container{width:100%;display:flex;-moz-column-gap:12px;column-gap:12px}.flex-reverse{flex-direction:row-reverse}.message-ava{border-radius:100px;width:48px;height:48px}.message-box{border-radius:12px;background-color:#f7f8f9;padding:12px;border:1px solid #e7ebee;color:#000}.message-box__text{font-weight:500;font-size:14px;line-height:24px;margin:0;text-align:left}.message-box__util{margin-top:4px;display:flex;justify-content:space-between;align-items:flex-end}.message-box__util div{display:flex;justify-content:flex-start;-moz-column-gap:12px;column-gap:12px}.message-box__util span{font-size:18px !important;line-height:24px;letter-spacing:-0.25px}.message-box .playback,.message-box .hearback{width:28px !important;height:28px !important;margin-top:10px !important}@media(max-width: 768px){.message-box__util span{font-size:16px}}.conversation-container .recorder{margin-block:0 !important}.conversation-container .nextContainer{display:flex;justify-content:center;align-items:center;gap:20px}.conversation-container .nextContainer .recorder{margin:0}.conversation-container .nextContainer .common-btn{width:100px;border-radius:100px;border:2px solid #eaeaec;background:linear-gradient(180deg, #fafafa 0%, #fff 0.01%, #f4f4f4 100%);color:#33b6ff}.chat-box{height:360px;overflow-y:scroll;padding-top:30px;margin-block:30px;scroll-behavior:smooth}.chat-box .spacing{width:100%;height:100px}.chat-box::-webkit-scrollbar{-webkit-appearance:none;display:none}.qna-item{padding-top:10px}.qna-item>div{margin-bottom:16px}.buttons{display:flex;justify-content:center;margin-top:1px}.buttons__next{box-sizing:border-box;padding:8px 12px 8px 24px;background:linear-gradient(180deg, #fafafa 0%, #fff 0.01%, #f4f4f4 100%);border:2px solid #eaeaec;border-radius:100px;font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;text-align:center;color:#33b6ff;height:40px;margin-top:20px}.buttons .hidden{visibility:hidden}.image-blurred-edge::before{transform:scaleY(-1);filter:"flipv";-ms-filter:"flipv";content:"";display:block;top:80px;width:100%;height:100px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;background:url("https://d1t11jpd823i7r.cloudfront.net/widget/bg_view-more.png") center top no-repeat}@media(max-width: 768px){.buttons__next{margin-top:8px}.image-blurred-edge::after{width:100%}}.assessment-test{padding:50px 15px;background:url("../images/assessment/bg-assessment.png") no-repeat center/cover,linear-gradient(180deg, #241e70 -14.55%, #0c0c24 127.6%);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.assessment-test .section-title{font-size:26px;font-weight:500;line-height:48px;text-align:center;margin-bottom:48px}@media(max-width: 767px){.assessment-test .section-title{font-size:20px}}.assessment-test .section-footer{font-size:18px;font-weight:500;line-height:48px;text-align:center;margin-top:80px}.assessment-test .header-bar{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600;line-height:24px;margin-bottom:20px}@media(max-width: 767px){.assessment-test .header-bar{flex-direction:column}}.assessment-test .header-bar b{color:#121131;margin:0}.assessment-test .header-bar .step-list{display:flex;gap:10px;color:#d1d1d6}.assessment-test .header-bar .step-list .step.current{color:#33b6ff}@media(max-width: 767px){.assessment-test .header-bar .step-list{font-size:16px}}.assessment-test .footnote{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.assessment-test .footnote p{color:#000}.assessment-test .button{transition:.3s}.assessment-test .animated{transition-duration:.3s/2}.assessment-test .tooltiptext{position:absolute;text-align:center;width:100%;animation:fadein 2s ease-in;opacity:0;bottom:84px}@media(min-width: 768px){.assessment-test .tooltiptext{bottom:118px}}.assessment-test__content{margin:0 auto;background:#fff url("../images/assessment/bg-assessment-wave.png") bottom center/cover;position:relative;padding:30px 10px;border-radius:40px}@media(min-width: 768px){.assessment-test__content{max-width:1105px;padding:24px 40px}}@media(max-width: 767px){.assessment-test__content{max-width:375px;background-position-y:50%}}.assessment-test__content.no-background{background-image:none !important}.assessment-test .close-button{background:#fff url("https://d1t11jpd823i7r.cloudfront.net/assessment/button/close_mobile.svg") 0 0/contain;position:absolute;width:32px;height:32px;right:24px;top:-38px;border-radius:50%}@media(max-width: 767px){.assessment-test .close-button{background-image:url("https://d1t11jpd823i7r.cloudfront.net/assessment/button/close_desktop.svg");background-color:#171f48;width:48px;height:48px;right:40px;top:43px}}@media(max-width: 767px){.assessment-test .elsa-logo{width:375px;margin:auto}}.assessment-test .title-container{margin:0 auto;font-family:"SF Pro Rounded","Varela Round",sans-serif;color:#171f48;font-size:24px;font-weight:600;line-height:48px;text-align:center;max-width:720px;margin-top:20px;letter-spacing:.02em}@media(min-width: 768px){.assessment-test .title-container{font-size:40px}}.assessment-test .title-container span{display:inline-block}.assessment-test .note{text-align:center;color:#8e8e93}@media(max-width: 767px){.assessment-test .note{margin-top:20px;font-size:14px}}.assessment-test .playback,.assessment-test .recorder,.assessment-test .hearback{background-size:contain;margin:auto}.assessment-test .playback,.assessment-test .hearback{margin-top:24px;width:40px;height:40px;cursor:pointer}@media(min-width: 768px){.assessment-test .playback,.assessment-test .hearback{margin-top:24px;width:48px;height:48px}}.assessment-test .playback{background-image:url("../images/assessment/icon-speak.svg")}.assessment-test .hearback{background-image:url("../images/assessment/icon-ear.svg")}.assessment-test .hearback.disable{background-image:url("../images/assessment/icon-ear-disable.svg");cursor:not-allowed}.assessment-test .recorder{margin-top:60px;width:60px;height:60px;cursor:pointer}@media(min-width: 768px){.assessment-test .recorder{margin-top:160px;width:84px;height:84px}}.assessment-test .play-container .playback{background-image:url("https://d1t11jpd823i7r.cloudfront.net/assessment/button/Speaker_disable.svg")}.assessment-test .play-container .recorder{background-image:url("https://d1t11jpd823i7r.cloudfront.net/assessment/button/green_mic.svg");border-radius:50%;border:#add8e6 3px;animation:mymove 2s infinite}.assessment-test .view-container .recorder,.assessment-test .nextContainer .recorder{background-image:url("../images/assessment/btn-micro.svg")}.assessment-test .finish-container .recorder{border-radius:50%;background-color:#e6e6e6;display:flex}.assessment-test .finish-container .recorder>img{width:50%;height:50%;margin:auto}.assessment-test .result-playback{text-align:center}@media(min-width: 768px){.assessment-test .result-playback{display:flex;flex-direction:column;position:absolute;right:40px;top:80px}}.assessment-test .result-playback>.playback,.assessment-test .hearback{display:inline-block}.assessment-test .pagination{display:flex;justify-content:space-between;margin:0 auto;margin-top:15px}@media(min-width: 768px){.assessment-test .pagination{justify-content:center}}.assessment-test .retry,.assessment-test .continue{height:56px;width:150px}@media(min-width: 768px){.assessment-test .retry,.assessment-test .continue{margin:0 8px;width:260px}}.assessment-test .power-by{background-image:url("https://d1t11jpd823i7r.cloudfront.net/assessment/power_by_elsa.svg");background-size:contain;width:124px;height:21px}@media(min-width: 768px){.assessment-test .power-by{width:171px;height:27px}}.assessment-test .result{display:flex;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;margin:40px auto;padding:16px 24px;border:1px solid #e5e5ea;border-radius:16px}@media(min-width: 768px){.assessment-test .result{margin:100px auto 80px}}.assessment-test .result .text{margin:auto;color:#000}.assessment-test .level{font-size:20px;font-weight:600}.assessment-test .level.green{color:#2fad62}.assessment-test .level.yellow{color:#f2994a}.assessment-test .level.red{color:#eb5757}.assessment-test .result-text-line{width:46px;height:1px;background:#e6e6e6;margin-top:24px;margin-bottom:20px}@media(min-width: 768px){.assessment-test .result-text-line{width:128px}}.assessment-test .score-warning{color:#ff7a00}.assessment-test .score-normal{color:#05c150}.assessment-test .score-error{color:red}@media(max-width: 767px){.assessment-test .radial-progress-container{width:144px !important;height:144px !important}.assessment-test .radial-progress-container svg{width:144px !important;height:144px !important}}.assessment-test .inactive{cursor:not-allowed;opacity:.4}.assessment-test .quiz-completed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:450px}.assessment-test .quiz-completed p{color:#000;text-align:center;font-size:18px;font-weight:600;line-height:24px}@media(max-width: 767px){.assessment-test .quiz-completed p{font-size:14px}}@keyframes mymove{0%{border:3px solid #add8e6}50%{border:15px solid #add8e6}100%{border:3px solid #add8e6}}@keyframes fadein{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.hidden{display:none !important}.common-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:45px;width:-moz-max-content;width:max-content;max-width:100%;border-radius:60px;background:linear-gradient(180deg, #29f4ff 0%, #5257ff 100%);font-size:1.125rem;font-weight:bold;color:#fff;line-height:1.333;text-decoration:none !important;border:0;cursor:pointer}@media(min-width: 768px){.common-btn{height:58px;width:-moz-max-content;width:max-content;padding-left:20px;padding-right:20px;font-size:22px}}.btn-outline{background:#fff;color:#33b6ff;border:3px solid #33b6ff}/*# sourceMappingURL=style-assessment.css.map */