@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-b954a590{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-b954a590{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.tab-bar[data-v-b954a590]{width:100%}.tab-bar .tab-bar-container[data-v-b954a590]{height:100%;border-bottom:1px solid #d7d7d7;display:flex;padding:0 16px}.tab-bar .tab-bar-container a[data-v-b954a590]{height:100%;display:flex;align-items:center;color:rgba(0,0,0,.8);padding:24px 0 16px 0}.tab-bar .tab-bar-container a[data-v-b954a590]:not(:last-child){margin-right:40px}.tab-bar .tab-bar-container a.router-link-active[data-v-b954a590]{border-bottom:3px solid #00bbc3}@keyframes spin-data-v-4f50d67d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-4f50d67d{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.favorite-heart[data-v-4f50d67d]{cursor:pointer;height:24px;width:24px}@keyframes spin-data-v-6f885ca2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6f885ca2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.word-card[data-v-6f885ca2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:92px;background-color:#f5f5f5;padding:20px 24px;margin-bottom:8px}.word-card.is-expanding[data-v-6f885ca2]{height:auto}@media screen and (max-width:768px){.word-card[data-v-6f885ca2]{padding:16px;height:auto}}.word-card .target-word[data-v-6f885ca2]{font-size:20px;font-weight:700;color:#00bbc3;margin-right:32px}.word-card .pronunciation-group-list[data-v-6f885ca2]{display:flex;position:relative;width:100%}.word-card .pronunciation-group-list .favorite-img[data-v-6f885ca2]{position:absolute;right:0;cursor:pointer}@media screen and (max-width:768px){.word-card .pronunciation-group-list[data-v-6f885ca2]{display:flex;flex-direction:column}}.word-card .pronunciation-group[data-v-6f885ca2]{display:flex;align-items:center;flex:1;font-size:14px;color:rgba(0,0,0,.38);margin-right:20px}.word-card .pronunciation-group .pronunciation-mark[data-v-6f885ca2]{margin-right:4px}.word-card .pronunciation-group>div[data-v-6f885ca2]{display:flex;align-items:center;cursor:pointer}.word-card .pronunciation-group>div .icon-speaker[data-v-6f885ca2]{width:18px;height:18px;margin-right:7px;background-image:url(../img/speaker.8d56ec0a.svg);background-size:cover;background-position:50%;display:inline-block}.word-card .pronunciation-group>div .icon-speaker.playing[data-v-6f885ca2]{background-image:url(../img/speaker-playing.4a29596e.svg)}.word-card .pronunciation-group>div:hover>span[data-v-6f885ca2]{font-weight:500;text-decoration:underline;color:rgba(0,0,0,.54)}.word-card .pronunciation-group>div:hover>span.playing[data-v-6f885ca2]{color:#00bbc3}.word-card .pronunciation-group>div:hover .icon-speaker[data-v-6f885ca2]{background-image:url(../img/speaker-hover.8a37721f.svg)}.word-card .pronunciation-group>div:hover .icon-speaker.playing[data-v-6f885ca2]{background-image:url(../img/speaker-playing.4a29596e.svg)}.word-card .pronunciation-group>div .playing[data-v-6f885ca2]{color:#00bbc3}.word-card .word-description[data-v-6f885ca2]{position:relative;display:flex;width:auto;max-width:95%}.word-card .word-description .pos[data-v-6f885ca2],.word-card .word-description .text[data-v-6f885ca2]{font-size:14px;color:rgba(0,0,0,.8)}.word-card .word-description .pos[data-v-6f885ca2]{font-weight:500;margin-right:8px}.word-card .word-description .text[data-v-6f885ca2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-card .word-description .show-more[data-v-6f885ca2]{position:absolute;right:-30px;z-index:1;font-size:14px;color:rgba(0,0,0,.38);cursor:pointer}.word-card .word-description.is-expanding .text[data-v-6f885ca2]{white-space:normal}@keyframes spin-data-v-6ec66737{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6ec66737{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.loading-block[data-v-6ec66737]{height:100%;width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-block .spin[data-v-6ec66737]{width:20px;height:20px;border-radius:100%;z-index:2;border:3px solid var(--primary);border-left-color:transparent;animation:spin-data-v-6ec66737 .8s linear infinite}.loading-block .loading-text[data-v-6ec66737]{margin-top:8px;font-size:12px;color:#333}@keyframes spin-data-v-332d0d63{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-332d0d63{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.scroll-list[data-v-332d0d63]{height:100%;display:grid;align-content:start;grid-template-rows:auto 1fr}.scroll-list .scroll-list-header[data-v-332d0d63]{display:flex;align-items:center;justify-content:space-between;height:fit-content}.scroll-list .scroll-list-body[data-v-332d0d63]{min-height:100%;overflow-y:auto;overflow-x:hidden}.scroll-list .no-data[data-v-332d0d63]{height:100%;display:flex;justify-content:center;flex-direction:column}.scroll-list .no-data h2[data-v-332d0d63]{font-size:20px;color:rgba(0,0,0,.8);font-weight:400;margin-bottom:20px;text-align:center}@media screen and (max-width:768px){.scroll-list .no-data h2[data-v-332d0d63]{font-size:18px;margin-bottom:12px}}.scroll-list .no-data h3[data-v-332d0d63]{font-size:16px;color:rgba(0,0,0,.54);font-weight:400;text-align:center}@media screen and (max-width:768px){.scroll-list .no-data h3[data-v-332d0d63]{font-size:14px}}@keyframes spin-data-v-686c6380{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-686c6380{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.scroll-list[data-v-686c6380]{height:calc(100% - 68px);padding:0 5% 24px 5%}@media screen and (max-width:768px){.scroll-list[data-v-686c6380]{padding:0 16px 24px 16px}}.filter-options[data-v-686c6380]{margin:16px 0;flex:1;display:flex;align-items:center;justify-content:flex-end}.filter-options .filter[data-v-686c6380]{width:120px;height:36px;margin-left:8px;border:1px solid #d7d7d7;border-radius:3px;cursor:pointer;padding:0 12px;background:url(../img/chevron-down.402aa677.svg) no-repeat 100%;background-size:20px;background-position:88px;-webkit-appearance:none;outline:none}.loading-block[data-v-686c6380]{padding:48px 0;height:auto}@keyframes spin-data-v-1f11d4f9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-1f11d4f9{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.sentence-card[data-v-1f11d4f9]{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:auto;background-color:#f5f5f5;padding:20px 24px;margin-bottom:8px;position:relative}@media screen and (max-width:768px){.sentence-card[data-v-1f11d4f9]{padding:16px}}.sentence-card .origin-text-wrapper[data-v-1f11d4f9]{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.sentence-card .origin-text-wrapper .origin-text[data-v-1f11d4f9]{font-size:16px;color:rgba(0,0,0,.8);width:85%}.sentence-card .origin-text-wrapper .youtube-player-wrapper[data-v-1f11d4f9]{position:absolute;right:0;top:48px;z-index:1}@media screen and (max-width:768px){.sentence-card .origin-text-wrapper .youtube-player-wrapper[data-v-1f11d4f9]{position:fixed;right:unset;top:unset;bottom:0;left:0;width:100%;height:auto;display:flex;justify-content:center}}.sentence-card .origin-text-wrapper .youtube-player-wrapper .close-black[data-v-1f11d4f9]{cursor:pointer}@media screen and (max-width:768px){.sentence-card .origin-text-wrapper .youtube-player-wrapper .close-black[data-v-1f11d4f9]{display:none}}.sentence-card .origin-text-wrapper .youtube-player-wrapper .curtain[data-v-1f11d4f9]{display:none;width:100vw;height:100%;position:absolute;background-color:#000;opacity:.8;top:0;left:0;z-index:-1}@media screen and (max-width:768px){.sentence-card .origin-text-wrapper .youtube-player-wrapper .curtain[data-v-1f11d4f9]{display:block}}.sentence-card .origin-text-wrapper .youtube-player-wrapper .close-white[data-v-1f11d4f9]{position:absolute;right:12px;top:12px;display:none}@media screen and (max-width:768px){.sentence-card .origin-text-wrapper .youtube-player-wrapper .close-white[data-v-1f11d4f9]{display:block}}.sentence-card .origin-text-wrapper .youtube-player-wrapper .youtube-container[data-v-1f11d4f9]{padding:11px 9px;width:286px;height:192px;background-color:rgba(0,0,0,.8)}@media screen and (max-width:768px){.sentence-card .origin-text-wrapper .youtube-player-wrapper .youtube-container[data-v-1f11d4f9]{padding:0}}.sentence-card .controls[data-v-1f11d4f9]{display:flex;justify-content:flex-end;width:15%}@media screen and (max-width:768px){.sentence-card .controls[data-v-1f11d4f9]{display:none}}.sentence-card .controls.mobile[data-v-1f11d4f9]{display:none;width:auto}.sentence-card .controls .icon-speaker[data-v-1f11d4f9]{width:24px;height:24px;cursor:pointer;background-image:url(../img/speaker.8d56ec0a.svg);background-size:cover;background-position:50%;display:inline-block;margin-right:16px}.sentence-card .controls .icon-speaker.playing[data-v-1f11d4f9]{background-image:url(../img/speaker-playing.4a29596e.svg)}.sentence-card .controls img[data-v-1f11d4f9]{cursor:pointer}.sentence-card .translation a[data-v-1f11d4f9]{font-size:14px;color:#a5a5a5;cursor:pointer}.sentence-card .translation p[data-v-1f11d4f9]{font-size:14px;color:rgba(0,0,0,.54)}@media screen and (max-width:768px){.sentence-card .translation[data-v-1f11d4f9]{display:flex;justify-content:space-between;width:100%}.sentence-card .translation .controls.mobile[data-v-1f11d4f9]{display:flex;align-items:center}}.sentence-card .translation.is-translation-displaying[data-v-1f11d4f9]{flex-direction:column}@keyframes spin-data-v-934403f8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-934403f8{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.scroll-list[data-v-934403f8]{height:calc(100% - 68px);padding:0 5% 24px 5%}@media screen and (max-width:768px){.scroll-list[data-v-934403f8]{padding:0 16px 24px 16px}}.scroll-list .scroll-list-body[data-v-934403f8]{overflow-x:initial}.collection-header[data-v-934403f8]{width:100%;margin:16px 0;display:flex;align-items:center;justify-content:space-between}.total-count[data-v-934403f8]{height:36px;display:flex;align-items:center}.total[data-v-934403f8]{font-weight:500;margin:0 8px}.filter-options[data-v-934403f8]{flex:1;display:flex;align-items:center;justify-content:flex-end}.filter-options .filter[data-v-934403f8]{width:120px;height:36px;margin-left:8px;border:1px solid #d7d7d7;border-radius:3px;cursor:pointer;padding:0 12px;background:url(../img/chevron-down.402aa677.svg) no-repeat 100%;background-size:20px;background-position:88px;-webkit-appearance:none;outline:none}.loading-block[data-v-934403f8]{padding:48px 0;height:auto}