.vocabContainer[data-v-2e9d04ca]{width:100vw}.header[data-v-2e9d04ca]{width:100vw;height:60px;position:fixed;top:0;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:52px 1fr;background-color:#fafafa}.header div[data-v-2e9d04ca]{display:flex;justify-content:center;align-items:center}.header .back[data-v-2e9d04ca]{color:var(--themeColor);font-size:32px}.header .title h1[data-v-2e9d04ca]{font-size:24px}.vocabularies[data-v-2e9d04ca]{width:100vw;margin-top:60px;height:calc(100% - 60px)}.vocabularies .vocabulary[data-v-2e9d04ca]{padding:12px 15px;cursor:pointer;font-size:18px;border-bottom:1px solid #e0e0e0;color:var(--themeColor);display:flex;flex-wrap:nowrap}.vocabularies .vocabulary .wordAndMeaning[data-v-2e9d04ca]{flex-grow:1;display:grid;grid-template-columns:300px 1fr}.vocabularies .vocabulary .pronounce[data-v-2e9d04ca]{display:flex;align-items:center}.vocabularies .vocabulary .pronounce div[data-v-2e9d04ca]{border-left:1px solid #e0e0e0;padding:0 8px}.vocabularies .vocabulary .pronounce div span[data-v-2e9d04ca]{color:var(--themeColor);cursor:pointer}.vocabularies .vocabulary[data-v-2e9d04ca]:hover{background:var(--themeColor);color:#fff}.vocabularies .vocabulary:hover .pronounce div span[data-v-2e9d04ca]{color:#fff}@media screen and (max-width:800px){.vocabularies .vocabulary .wordAndMeaning[data-v-2e9d04ca]{flex-grow:1;display:grid;grid-template-columns:unset;grid-template-rows:1fr 1fr}}