@media screen and (max-width:768px){.teach-container[data-v-4341284a]{padding:10px}}.teach-container .action-tabs[data-v-4341284a]{margin-bottom:2.5rem}.teach-container>.video[data-v-4341284a]{padding:0 .625rem}.tabs-active[data-v-b5f1b938]{background-color:var(--activeColor);color:#fff}.tabs-unactive[data-v-b5f1b938]{background-color:var(--unactiveColor);color:var(--activeColor)}.button-tab[data-v-b5f1b938]{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;padding-left:0}.button-tab[data-v-b5f1b938]::-webkit-scrollbar{display:none}.button-tab .item[data-v-b5f1b938]{border-radius:3.125rem;cursor:pointer;flex:1;max-width:11rem;min-width:2rem;overflow:hidden;padding:.875rem 0;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.button-tab .item[data-v-b5f1b938]:not(:last-child){margin:.3125rem .625rem .3125rem .3125rem}@media screen and (max-width:37.5rem){.button-tab[data-v-b5f1b938]{justify-content:flex-start;overflow-x:auto;padding:0 .625rem}.button-tab .item[data-v-b5f1b938]{min-width:auto;overflow:visible;overflow:initial;padding:.625rem .9375rem}.button-tab .item[data-v-b5f1b938]:not(:last-child){margin:0 .9375rem 0 0}.button-tab .tabs[data-v-b5f1b938]{scrollbar-width:none}.button-tab .tabs[data-v-b5f1b938]::-webkit-scrollbar{display:none}}