.lesson-bar__tab[data-v-3dd53582]{background-color:var(--tab-color);cursor:pointer;--tab-color:var(--color-gray);outline:none;height:53px;transition:background-color .2s;position:relative}.lesson-bar__tab--active[data-v-3dd53582]{--tab-color:var(--color-neutral-white);z-index:2}.lesson-bar__tab--left[data-v-3dd53582]{border-top-left-radius:24px}.lesson-bar__tab--right[data-v-3dd53582]{border-top-right-radius:24px}.lesson-bar__tab--left[data-v-3dd53582]:after{right:-24px;transform:scaleX(-1)}.lesson-bar__tab--left[data-v-3dd53582]:after,.lesson-bar__tab--right[data-v-3dd53582]:after{background:radial-gradient(circle at 0 0,transparent 24px,var(--tab-color) 24px);content:"";pointer-events:none;z-index:1;width:24px;height:24px;position:absolute;bottom:0}.lesson-bar__tab--right[data-v-3dd53582]:after{left:-24px}.lesson-bar__scroll[data-v-3dd53582]::-webkit-scrollbar{width:4px}.lesson-bar__scroll[data-v-3dd53582]::-webkit-scrollbar-track{background:#ffffff40;border-radius:100px;margin:52px 0}.lesson-bar__scroll[data-v-3dd53582]::-webkit-scrollbar-thumb{background:var(--color-blue);border-radius:100px}.lesson-bar-fade-enter-active[data-v-3dd53582],.lesson-bar-fade-leave-active[data-v-3dd53582]{transition:opacity .2s}.lesson-bar-fade-enter-from[data-v-3dd53582],.lesson-bar-fade-leave-to[data-v-3dd53582]{opacity:0}