@keyframes spin-data-v-3c76c20c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-3c76c20c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.default-layout[data-v-3c76c20c]{flex:1;width:100%;height:100%;display:flex;flex-direction:column}.default-layout main[data-v-3c76c20c]{display:flex;flex:1;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;transition:.3s}.default-layout .layout-container[data-v-3c76c20c]{flex:1;height:100%;width:100%;padding:0 40px;display:flex;flex-direction:column}@media screen and (max-width:1024px){.default-layout .layout-container[data-v-3c76c20c]{padding:0 8px}}@keyframes spin-data-v-6eb9f458{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6eb9f458{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.proficiency[data-v-6eb9f458]{background-color:#f5f5f5}.proficiency[data-v-6eb9f458] .layout-container{max-width:1024px;margin:0 auto;padding:0;background-color:#fff}@keyframes spin-data-v-e6316954{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-e6316954{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.start-page[data-v-e6316954]{position:relative;width:100%;height:100%;min-width:320px;background-color:#fff;display:flex;flex-direction:column}@media screen and (max-width:640px){.start-page[data-v-e6316954]{height:auto}}.start-page .safari-hint[data-v-e6316954]{font-size:14px;font-weight:400;color:rgba(0,0,0,.54);margin-bottom:16px}.start-page .safari-hint-action[data-v-e6316954]{display:flex;justify-content:space-between}.start-page .safari-hint-action.is-center[data-v-e6316954]{justify-content:center}.start-page .safari-hint-action .hero-button[data-v-e6316954]{width:120px}.start-page .section-header[data-v-e6316954]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:fit-content;background:var(--primary-linear)}.start-page .section-header .header-title[data-v-e6316954]{position:relative;margin-right:40px;padding:44px 0}@media screen and (max-width:640px){.start-page .section-header .header-title[data-v-e6316954]{padding:24px 0;margin-right:8px}}.start-page .section-header .header-title h2[data-v-e6316954]{font-size:20px;font-weight:500;color:#fff}@media screen and (max-width:768px){.start-page .section-header .header-title h2[data-v-e6316954]{font-weight:400}}.start-page .section-header .header-image[data-v-e6316954]{height:120px;width:auto;align-self:flex-end}@media screen and (max-width:640px){.start-page .section-header .header-image[data-v-e6316954]{height:90px}}.start-page .section-body[data-v-e6316954]{flex:1;display:flex;align-items:center;flex-direction:column;padding:24px 0}.start-page .section-body h2[data-v-e6316954]{font-size:24px;font-weight:400;letter-spacing:1px;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.start-page .section-body h2[data-v-e6316954]{display:none}}.start-page .section-body h2 .minutes[data-v-e6316954]{font-weight:700;color:var(--primary)}.start-page .section-body h4[data-v-e6316954]{font-size:16px;font-weight:500;color:rgba(0,0,0,.8);margin-bottom:24px}@media screen and (max-width:960px){.start-page .section-body h4[data-v-e6316954]{margin:8px auto 16px;margin-bottom:16px}}@media screen and (max-width:960px){.start-page .section-body .separator[data-v-e6316954]{width:25px;min-height:3px;background-color:var(--primary);margin:0 auto 10px}}.start-page .section-body .body-slogan-mobile[data-v-e6316954]{display:none;font-size:24px;font-weight:500;color:rgba(0,0,0,.8);letter-spacing:1px;text-align:center}.start-page .section-body .body-slogan-mobile .minutes[data-v-e6316954]{font-weight:700;color:var(--primary)}@media screen and (max-width:960px){.start-page .section-body .body-slogan-mobile[data-v-e6316954]{display:flex;flex-direction:column;align-items:center}}.start-page .section-body .image-groups[data-v-e6316954]{display:flex;justify-content:space-around}@media screen and (max-width:960px){.start-page .section-body .image-groups[data-v-e6316954]{margin-bottom:28px;flex-direction:column}}.start-page .section-body .image-groups .image-group[data-v-e6316954]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 200px}@media screen and (max-width:960px){.start-page .section-body .image-groups .image-group[data-v-e6316954]{flex:0 0 150px}}.start-page .section-body .image-groups .image-group img[data-v-e6316954]{width:78px;height:78px;margin-bottom:10px}@media screen and (max-width:960px){.start-page .section-body .image-groups .image-group img[data-v-e6316954]{width:68px;height:68px}}.start-page .section-body .image-groups .image-group h3[data-v-e6316954]{font-size:16px;font-weight:400;letter-spacing:normal;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.start-page .section-body .image-groups .image-group.voicetube[data-v-e6316954]{flex-direction:row;justify-content:flex-start;flex:1;max-width:250px}.start-page .section-body .image-groups .image-group.voicetube[data-v-e6316954]:not(:last-child){margin-bottom:16px}.start-page .section-body .image-groups .image-group.voicetube img[data-v-e6316954]{height:40px;width:40px;margin-bottom:0;margin-right:10px}}.start-page .section-body p[data-v-e6316954]{width:370px;margin-top:30px;font-size:12px;letter-spacing:normal;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:960px){.start-page .section-body p[data-v-e6316954]{max-width:280px;width:100%;padding:0 16px;margin:0 0 70px 0}}.start-page .section-body p img[data-v-e6316954]{width:14px;height:16px;margin-left:5px;margin-bottom:-2px;padding-top:2px;cursor:pointer}.start-page .section-footer[data-v-e6316954]{display:flex;align-items:center;flex-direction:column;width:100%;padding:24px 0;background-color:var(--primary-lightest)}@media screen and (max-width:960px){.start-page .section-footer[data-v-e6316954]{position:relative}}.start-page .section-footer .hint-block[data-v-e6316954]{width:100%;max-width:440px;padding:0 30px;margin-top:10px;font-size:12px;letter-spacing:normal;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:960px){.start-page .section-footer .hint-block[data-v-e6316954]{max-width:336px;padding:0;margin-top:0}.start-page .section-footer .hint-block ol[data-v-e6316954]{padding-left:12px}}.start-page .section-footer p[data-v-e6316954]{margin-top:16px;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:960px){.start-page .section-footer p[data-v-e6316954]{width:100%;max-width:280px;margin:16px auto 0 auto}}.start-page .section-footer .hero-button[data-v-e6316954]{width:260px;height:40px}.start-page .section-footer .hero-button.is-outlined[data-v-e6316954]{border:1px solid var(--primary);color:var(--primary)}.set-level-link[data-v-e6316954]{text-decoration:underline;font-weight:400;font-size:12px;color:#7e3aaf;cursor:pointer;margin:20px auto}@keyframes spin-data-v-2e87df82{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-2e87df82{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.hero-button-ignore[data-v-2e87df82]{border-radius:14px;background:#f5f5f5;font-size:12px;color:rgba(0,0,0,.54);padding:0;width:80px;height:28px;margin-bottom:12px;position:absolute;right:30px;top:24px}.hero-button-ignore[data-v-2e87df82]:hover{border:none}@media screen and (max-width:640px){.hero-button-ignore[data-v-2e87df82]{top:18px;right:16px}}@keyframes spin-data-v-84120dc4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-84120dc4{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.question-layout[data-v-84120dc4]{position:relative;background-color:#fff;width:100%;max-width:1024px;min-width:320px;display:flex;flex-direction:column;align-items:center;padding:64px 0;margin:0 auto}@media screen and (max-width:960px){.question-layout[data-v-84120dc4]{padding:48px 16px 100px 16px}}.question-layout [class^=section][data-v-84120dc4]{width:100%}.question-layout .section-header[data-v-84120dc4]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-layout .section-body[data-v-84120dc4]{text-align:center;flex:1}.question-layout .section-footer[data-v-84120dc4]{padding:16px 0;position:fixed;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.question-layout .section-footer[data-v-84120dc4]{background-color:#fff}}.question-layout h2[data-v-84120dc4]{max-width:400px;font-size:18px;color:rgba(0,0,0,.8);font-weight:400}@media screen and (max-width:640px){.question-layout h2[data-v-84120dc4]{font-size:16px}}.question-layout .instruction[data-v-84120dc4]{font-size:14px;font-weight:400;text-align:center;color:#757575;padding:24px 0 20px}@media screen and (max-width:768px){.question-layout .instruction[data-v-84120dc4]{padding:20px 10px}}@keyframes spin-data-v-39395a7a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-39395a7a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.select-words[data-v-39395a7a] h1,.select-words[data-v-39395a7a] h3{font-weight:400;letter-spacing:normal;text-align:center}.select-words[data-v-39395a7a] h1{font-size:26px;color:var(--primary)}@media screen and (max-width:960px){.select-words[data-v-39395a7a] h1{font-size:18px}}.select-words[data-v-39395a7a] h3{padding:8px 0 20px;font-size:16px;color:#757575}@media screen and (max-width:960px){.select-words[data-v-39395a7a] h3{font-size:14px}}.select-words[data-v-39395a7a] .section-body .words{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:800px;margin:0 auto}.select-words[data-v-39395a7a] .section-body .word-cube{display:flex;flex:1 0 31%;flex-grow:0;height:64px;border-radius:4px;background-color:#f5f5f5;margin:5px;justify-content:center;align-items:center;cursor:pointer;max-width:220px}@media screen and (max-width:960px){.select-words[data-v-39395a7a] .section-body .word-cube{height:44px;flex:1 0 40%}}.select-words[data-v-39395a7a] .section-body .word-cube.is-selected{border:solid 2px var(--primary);background-color:var(--primary-light)}.select-words[data-v-39395a7a] .section-body .word-cube span{font-size:16px;font-weight:500;color:#333}.select-words[data-v-39395a7a] .section-footer .hero-button{width:260px;height:40px;border-radius:20px}@media screen and (max-width:960px){.select-words[data-v-39395a7a] .section-footer .hero-button{height:36px}}@keyframes spin-data-v-1cc10ccc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-1cc10ccc{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.result[data-v-1cc10ccc]{position:relative;overflow:auto;width:100%;min-width:320px;background-color:#fff}.result .section-header[data-v-1cc10ccc]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:fit-content;background:var(--primary-linear);margin-bottom:40px}.result .section-header .header-info[data-v-1cc10ccc]{padding:36px 0;display:flex;flex-direction:column;margin-right:54px}@media screen and (max-width:640px){.result .section-header .header-info[data-v-1cc10ccc]{padding:24px 0;margin-right:24px}}.result .section-header .header-text[data-v-1cc10ccc]{font-weight:700;font-size:24px;color:#fff;margin-bottom:16px}@media screen and (max-width:640px){.result .section-header .header-text[data-v-1cc10ccc]{font-size:18px;font-weight:500;margin-bottom:6px}}.result .section-header .level[data-v-1cc10ccc]{position:relative;color:#fff}.result .section-header .level .level-info[data-v-1cc10ccc]{display:flex;align-items:flex-end;padding:6px}.result .section-header .level .level-text[data-v-1cc10ccc]{font-size:42px;line-height:1;margin-right:16px}@media screen and (max-width:640px){.result .section-header .level .level-text[data-v-1cc10ccc]{font-size:36px}}.result .section-header .level .level-cefr[data-v-1cc10ccc]{font-size:18px}@media screen and (max-width:640px){.result .section-header .level .level-cefr[data-v-1cc10ccc]{font-size:14px}}.result .section-header .level .line[data-v-1cc10ccc]{width:100%;height:1px;background-color:#fff;margin-bottom:1px}.result .section-header .header-image[data-v-1cc10ccc]{height:160px;width:auto;align-self:flex-end}@media screen and (max-width:640px){.result .section-header .header-image[data-v-1cc10ccc]{height:120px}}.result .section-body[data-v-1cc10ccc]{display:flex;flex-direction:column;align-items:center;padding-bottom:114px}.result .section-body h3[data-v-1cc10ccc]{font-size:20px;font-weight:400;color:rgba(0,0,0,.8)}.result .section-body .separator[data-v-1cc10ccc]{width:30px;height:3px;border:1px;background-color:var(--primary);margin:15px auto}.result .section-body .description-list[data-v-1cc10ccc]{width:calc(100% - 80px);max-width:360px;margin:0 auto 36px}.result .section-body .description-list .description-wrapper[data-v-1cc10ccc]{display:flex;align-items:flex-start;font-size:16px;color:rgba(0,0,0,.8)}.result .section-body .description-list .description-wrapper .bullet[data-v-1cc10ccc]{margin-top:10px;margin-right:8px;height:4px;width:4px;min-width:4px;background:var(--primary)}.result .section-body .bar-chart-wrapper[data-v-1cc10ccc]{display:flex;padding-top:20px;align-items:center;position:relative;flex-direction:column;width:100%}@media screen and (max-width:960px){.result .section-body .bar-chart-wrapper[data-v-1cc10ccc]{padding-top:0}}.result .section-body .bar-chart-wrapper .bar-list-wrapper[data-v-1cc10ccc]{display:flex}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper[data-v-1cc10ccc]{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-right:27px}@media screen and (max-width:640px){.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper[data-v-1cc10ccc]{margin-right:20px}}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper[data-v-1cc10ccc]:last-child{margin-right:0}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper img[data-v-1cc10ccc]{width:49px;height:42px;margin:0 auto}@media screen and (max-width:640px){.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper img[data-v-1cc10ccc]{width:30px;height:24px}}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar[data-v-1cc10ccc]{width:41px;height:40px;background-color:#e1e1e1}@media screen and (max-width:640px){.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar[data-v-1cc10ccc]{width:30px}}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.active[data-v-1cc10ccc]{background-color:var(--primary)}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-A1[data-v-1cc10ccc]{height:40px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-A2[data-v-1cc10ccc]{height:63px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-B1[data-v-1cc10ccc]{height:90px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-B2[data-v-1cc10ccc]{height:116px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-C1[data-v-1cc10ccc]{height:142px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .bar.bar-C2[data-v-1cc10ccc]{height:165px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .level-name[data-v-1cc10ccc]{font-size:12px;color:rgba(0,0,0,.54);padding-top:8px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .level-name.active[data-v-1cc10ccc]{color:var(--primary);font-weight:500}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .level-desc[data-v-1cc10ccc]{font-size:14px;color:rgba(0,0,0,.54);min-width:32px}.result .section-body .bar-chart-wrapper .bar-list-wrapper .bar-wrapper .level-desc.active[data-v-1cc10ccc]{color:var(--primary);font-weight:500}.result .section-body .bar-chart-wrapper .level-description[data-v-1cc10ccc]{display:flex;align-items:center;font-size:12px;color:rgba(0,0,0,.54);margin:16px auto 44px;cursor:pointer}@media screen and (max-width:640px){.result .section-body .bar-chart-wrapper .level-description[data-v-1cc10ccc]{margin:20px auto 32px}}.result .section-body .bar-chart-wrapper .level-description img[data-v-1cc10ccc]{width:18px;height:18px;margin-right:5px}.result .section-body .radar-chart-wrapper[data-v-1cc10ccc]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;max-width:674px;padding:30px 0 65px;border:1px solid #ebebeb;background-color:#f8f8f8}@media screen and (max-width:640px){.result .section-body .radar-chart-wrapper[data-v-1cc10ccc]{width:95%}}.result .section-body .radar-chart-wrapper #radarChart[data-v-1cc10ccc]{margin-top:10px}.result .section-body .ability-group[data-v-1cc10ccc]{display:flex;width:80%;max-width:674px;margin-bottom:50px}@media screen and (max-width:768px){.result .section-body .ability-group[data-v-1cc10ccc]{flex-direction:column}}.result .section-body .ability-group .ability-description[data-v-1cc10ccc]{flex:1;margin-top:40px}.result .section-body .ability-group .ability-description.left-content[data-v-1cc10ccc]{padding-right:34px}@media screen and (max-width:640px){.result .section-body .ability-group .ability-description[data-v-1cc10ccc]{flex-direction:column}.result .section-body .ability-group .ability-description .content[data-v-1cc10ccc]{font-size:14px;font-weight:500;color:rgba(0,0,0,.54)}}.result .section-body .ability-group .ability-description h3[data-v-1cc10ccc]{font-size:20px;font-weight:500;color:rgba(0,0,0,.8);margin-bottom:20px;text-align:left}.result .section-body .ability-group .ability-description .content[data-v-1cc10ccc]{font-size:16px;font-weight:400;color:rgba(0,0,0,.8)}.result .section-footer[data-v-1cc10ccc]{position:fixed;left:0;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;min-height:80px;padding:16px 0;background-color:#fff}.result .section-footer[data-v-1cc10ccc]:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-color:var(--primary-lightest);z-index:-1}.result .section-footer span[data-v-1cc10ccc]{font-size:16px;font-weight:500;color:rgba(0,0,0,.8)}.result .section-footer .center-group[data-v-1cc10ccc]{width:80%;max-width:674px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.result .section-footer .center-group button[data-v-1cc10ccc]{margin:20px auto}.result .section-footer .center-group.voicetube[data-v-1cc10ccc]{flex-direction:column}.result .section-footer .center-group.voicetube span[data-v-1cc10ccc]{margin:0 0 24px 0}@media screen and (max-width:768px){.result .section-footer .center-group.voicetube span[data-v-1cc10ccc]{margin-bottom:12px}}@media screen and (max-width:768px){.result .section-footer .center-group[data-v-1cc10ccc]{width:100%;flex-direction:column;justify-content:center;align-items:center}.result .section-footer .center-group span[data-v-1cc10ccc]{font-size:14px;text-align:center;margin:0 auto 14px}}.result .section-footer .center-group .buttons[data-v-1cc10ccc]{display:flex}.result .section-footer .center-group .hero-button[data-v-1cc10ccc]{width:260px;background:var(--primary-linear)}@media screen and (max-width:768px){.result .section-footer .center-group .hero-button[data-v-1cc10ccc]{width:160px;font-size:16px}}.result .section-footer .center-group .hero-button[data-v-1cc10ccc]:first-child{margin-right:16px}.result .section-footer .center-group .hero-button.white[data-v-1cc10ccc]{background:#fff;color:var(--primary)}.plan-link[data-v-1cc10ccc]{font-weight:400;font-size:14px;color:#4f4f4f;cursor:pointer;text-decoration:underline}@keyframes spin-data-v-6651b5ec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6651b5ec{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.next-button[data-v-6651b5ec]{width:260px;height:40px;border-radius:20px}@media screen and (max-width:640px){.next-button[data-v-6651b5ec]{height:36px}}@keyframes spin-data-v-09aa7579{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-09aa7579{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.question-content[data-v-09aa7579]{padding:0;margin:0 auto;width:100%;max-width:500px}@media screen and (max-width:768px){.question-content[data-v-09aa7579]{width:100%}}.question-content li[data-v-09aa7579]{position:relative;display:flex;justify-content:flex-start;align-items:center;list-style:none;height:auto;min-height:50px;border-radius:5px;background-color:#f5f5f5;border:2px solid #f5f5f5;margin-bottom:8px;padding:12px 20px;font-size:16px;transition:border-left .3s;cursor:pointer}.question-content li[data-v-09aa7579]:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}@media screen and (max-width:768px){.question-content li[data-v-09aa7579]{padding:10px 12px;font-size:16px;min-height:44px}}.question-content li.active[data-v-09aa7579]{border:solid 2px var(--primary)}.question-content li.is-correct[data-v-09aa7579]{border-radius:5px;background-color:var(--correct-background);border:none;border-left:6px solid var(--correct)}.question-content li.is-correct .option-content[data-v-09aa7579]{width:100%;justify-content:space-between;align-items:center}.question-content li.is-wrong[data-v-09aa7579]{border-radius:5px;background-color:var(--wrong-background);border:none;border-left:6px solid var(--wrong)}.question-content li.readonly[data-v-09aa7579]{cursor:not-allowed}.question-content li.readonly[data-v-09aa7579]:hover{box-shadow:unset}.question-content li .img-correct[data-v-09aa7579]{width:24px;height:24px;float:right}@media screen and (max-width:640px){.question-content li .img-correct[data-v-09aa7579]{height:18px;width:18px}}.question-content li .option-content[data-v-09aa7579]{display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;height:100%;margin-left:20px}@keyframes spin-data-v-3d4ec42a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-3d4ec42a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.listening .audio-wrapper[data-v-3d4ec42a]{width:300px;border-radius:32px;background-color:#f5f5f5;overflow:hidden;padding:0 16px}@media screen and (max-width:768px){.listening .audio-wrapper[data-v-3d4ec42a]{width:200px}}