.creator-lms-page {
    .creator-lms-lesson-sidebar {
        .creator-lms-lesson-tab-nav {
            list-style: none;
            margin: 0 auto 15px;
            padding: 0;
            display: flex;
            align-items: center;
            gap: 20px;
            border-bottom: 1px solid #EBEBEF;
            width: calc(100% - 20px);

            li {
                color: var(--creator-lms-body-text-color);
                font-size: 14px;
                font-weight: 500;
                line-height: 1.14;
                flex: 1;
                text-align: center;
                padding: 3px 0 12px;
                cursor: pointer;
                position: relative;

                &::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 2px;
                    background-color: var(--creator-lms-primary-color);
                    transition: transform 0.4s ease;
                    transform: scaleX(0);
                    transform-origin: bottom right;
                    opacity: 0;
                }

                &.active:before {
                    transform-origin: bottom left;
                    transform: scaleX(1);
                }
            }
        }

        .creator-lms-lesson-single-tab-content {
            display: none;

            &.active {
                display: block;
            }
        }

        .creator-lms-accordion-item {
            border-top: 1px solid #EBEBEF;
            padding: 18px 12px;
            transition: all 0.3s ease;

            &:first-child {
                border-top: none;
            }

            .creator-lms-accordion-head {
                display: flex;
                flex-flow: row wrap;
                justify-content: space-between;
                align-items: flex-start;
                gap: 10px;
                cursor: pointer;
                padding-right: 8px;
            }

            .creator-lms-accordion-title {
                color: var(--creator-lms-heading-color);
                font-size: 14px;
                font-weight: 500;
                line-height: 1.5;
                position: relative;
                padding-left: 20px;
                width: calc(100% - 54px);
                margin: 0;

                &::before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgOCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMUYyMzI4IiBkPSJNMS4wNDcuNjZhLjMxMy4zMTMgMCAwMS4zMjguMDI1TDcgNC43NDdhLjMxMy4zMTMgMCAwMTAgLjUwNkwxLjM3NSA5LjMxNmEuMzEyLjMxMiAwIDAxLS40OTctLjI1M1YuOTM4QS4zMTMuMzEzIDAgMDExLjA0Ny42NnoiLz48L3N2Zz4=");
                    display: block;
                    width: 8px;
                    height: auto;
                    line-height: 1;
                    position: absolute;
                    top: 3px;
                    left: 0;
                    transition: all 0.3s ease;
                }

                .publish-date {
                    display: none;
                    color: #A1A1AA;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 1.2;
                    margin-top: 4px;
                }
            }

            .lesson-content-progrss {
                svg {
                    display: block;
                }
            }

            .creator-lms-circle-progressbar {
                position: relative;
                width: 36px;
                display: block;

                .circle-background {
                    stroke-width: 1px;
                }

                small {
                    color: #707078;
                    font-size: 10px;
                    font-weight: 400;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    white-space: nowrap;
                }
            }

            .creator-lms-accordion-body {
                display: none;
                padding-top: 15px;
            }

            &.active {
                background-color: #F4F5F7;
                border-top-color: transparent;
                border-radius: 10px;

                &:last-child {
                    border-bottom-color: transparent;
                }

                .creator-lms-accordion-title {
                    &::before {
                        transform: rotate(90deg);
                    }

                    .publish-date {
                        display: block;
                    }
                }
            }

            &.active + .creator-lms-accordion-item {
                border-top-color: transparent;
            }
        }

        .creator-lms-lesson-list {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            flex-flow: column;
            gap: 10px;

            .lesson-item {
                position: relative;

                a {
                    display: block;
                    color: var(--creator-lms-heading-color);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.25;
                    position: relative;
                    text-decoration: none;
                    padding: 13px 60px 13px 43px;
                    border-radius: 10px;
                    background-color: #FFF!important;
                    border: 1px solid transparent;
                    transition: all 0.3s ease;
                    outline: none!important;
                    text-decoration: none!important;

                    &:before {
                        content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTEwLjYzOCA3LjY4N0w3LjMxNiA1LjI3MmEuNC40IDAgMDAtLjYzNi4zMjN2NC44MjlhLjQuNCAwIDAwLjYzNi4zMjJsMy4zMjItMi40MTNhLjM5OC4zOTggMCAwMDAtLjY0NnoiLz48cGF0aCBmaWxsPSIjQTFBMUFBIiBkPSJNOCAuMDAxYTggOCAwIDEwMCAxNS45OThBNy45OTkgNy45OTkgMCAxMDggMHptMCAxNC42NjNhNi42NjMgNi42NjMgMCAwMS02LjY2NC02LjY2M0E2LjY2NiA2LjY2NiAwIDAxOCAxLjMzNmE2LjY2NSA2LjY2NSAwIDAxMCAxMy4zMjh6Ii8+PC9zdmc+");
                        display: block;
                        width: 17px;
                        height: auto;
                        position: absolute;
                        top: 15px;
                        left: 16px;
                        line-height: 1;
                    }

                    &:focus {
                        border-color: var(--creator-lms-primary-color);
                    }
                }

                &.type-quiz a:before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTcuNjQ1IDE1LjMzM2MwIC4zNjctLjMxMy42NjctLjY5NS42NjdIMi43OEMxLjI0NCAxNiAwIDE0LjgwNyAwIDEzLjMzM1YyLjY2N0MwIDEuMTkzIDEuMjQ0IDAgMi43OCAwaDkuNzNjMS41MzUgMCAyLjc4IDEuMTkzIDIuNzggMi42NjdWOGMwIC4zNjctLjMxMy42NjctLjY5Ni42NjctLjM4MiAwLS42OTUtLjMtLjY5NS0uNjY3VjIuNjY3YzAtLjczNC0uNjI1LTEuMzM0LTEuMzktMS4zMzRIMi43OGMtLjc2NCAwLTEuMzkuNi0xLjM5IDEuMzM0djEwLjY2NmMwIC43MzQuNjI2IDEuMzM0IDEuMzkgMS4zMzRoNC4xN2MuMzgzIDAgLjY5Ni4zLjY5Ni42NjZ6TTExLjc5NCA0YzAtLjM2Ny0uMzEzLS42NjctLjY5NS0uNjY3aC02LjkzYy0uMzgxIDAtLjY5NC4zLS42OTQuNjY3IDAgLjM2Ny4zMTMuNjY3LjY5NS42NjdoNi45MjljLjM4MiAwIC42OTUtLjMuNjk1LS42Njd6bS0xLjM5IDMuMzMzYzAtLjM2Ni0uMzEzLS42NjYtLjY5NS0uNjY2aC01LjU0Yy0uMzgxIDAtLjY5NC4zLS42OTQuNjY2IDAgLjM2Ny4zMTMuNjY3LjY5NS42NjdoNS41MzljLjM4MiAwIC42OTUtLjMuNjk1LS42Njd6TTQuMTcgMTBjLS4zODIgMC0uNjk1LjMtLjY5NS42NjcgMCAuMzY2LjMxMy42NjYuNjk1LjY2NmgyLjA2NGMuMzgyIDAgLjY5NS0uMy42OTUtLjY2NiAwLS4zNjctLjMxMy0uNjY3LS42OTUtLjY2N0g0LjE3em0xMS42MTMuODZhLjcxMy43MTMgMCAwMC0uOTggMGwtMy42NzcgMy41MjctMS41OTEtMS41MjdhLjcxMy43MTMgMCAwMC0uOTggMCAuNjQ1LjY0NSAwIDAwMCAuOTRsMi4wODUgMmEuNzI4LjcyOCAwIDAwLjk4NyAwbDQuMTctNGEuNjQ1LjY0NSAwIDAwMC0uOTRoLS4wMTR6Ii8+PC9zdmc+");
                }

                &.type-text a:before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTggMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgc3Ryb2tlPSIjRjRGNUY3IiBzdHJva2Utd2lkdGg9Ii4xIiBkPSJNMS41NzQgMy4zMTNoMEwuMDk1IDEyLjI1MmwtLjA1LS4wMDkuMDUuMDA5YTMuMyAzLjMgMCAwMC42NDcgMi41NzRjLjU2Mi43MTUgMS4zODYgMS4xMjQgMi4yNTggMS4xMjRoLjc1Yy4zODMgMCAuNy0uMzMyLjctLjc1cy0uMzE3LS43NS0uNy0uNzVIM2ExLjUxIDEuNTEgMCAwMS0xLjE4OC0uNTkxIDEuNzIzIDEuNzIzIDAgMDEtLjMzOC0xLjM0NWwuMDQ5LjAwOC0uMDUtLjAwOCAxLjQ4LTguOTQtMS4zNzktLjI2MXptMCAwYy4wOTctLjU4NC4zNjktMS40MDEuOTM2LTIuMDcxQzMuMDc2LjU3NCAzLjkzNy4wNSA1LjIxOC4wNWg3LjU2NGMxLjc5NyAwIDMuMzMxIDEuMzcgMy42NDQgMy4yNjNsLjA1LS4wMDhtLTE0LjkwMi4wMDhsMTQuOTAyLS4wMDhtMCAwbC0uMDUuMDA4IDEuNDggOC45MzlhMy4zIDMuMyAwIDAxLS42NDggMi41NzRsLjA0LjAzLS4wNC0uMDNjLS41NjEuNzE1LTEuMzg1IDEuMTI0LTIuMjU4IDEuMTI0SDguNzA4Yy0xLjc3NiAwLTMuMzA3LTEuMzUxLTMuNjM3LTMuMjE4IDAgMCAwIDAgMCAwbC0xLjc1NC05Ljk0LS4wMjUtLjE0Mm0xMy4xODMuNjU1TDMuMjkzIDIuNjVtMCAwbC0uMDY5LjEyNm0uMDY5LS4xMjZsLS4wNjkuMTI2bTAgMGMtLjEzLjI0LS4yMjQuNTEtLjI3MS43OTlsLjI3MS0uNzk5ek0xNi4xODcgMTMuODZoMGExLjcyIDEuNzIgMCAwMC4zNC0xLjM0NmwtMS40OC04LjkzOGMtLjE5My0xLjE3Mi0xLjE0NC0yLjAyNS0yLjI2NS0yLjAyNUg1LjIxOGMtLjIxOCAwLS40My4wMzItLjYzMy4wOTNsLS4wNDIuMDEzLjAwNy4wNDQgMS45IDEwLjc1MmgwYy4yMDQgMS4xNTQgMS4xNTMgMS45OTYgMi4yNiAxLjk5NkgxNWMuNDYgMCAuODkzLS4yMTYgMS4xODgtLjU5ek03LjUgNS41NWMtLjM4MyAwLS43LS4zMzMtLjctLjc1cy4zMTctLjc1LjctLjc1aDUuMjVjLjM4NCAwIC43LjMzMy43Ljc1cy0uMzE2Ljc1LS43Ljc1SDcuNXptLjU0OSAzLjJjLS4zODQgMC0uNy0uMzMzLS43LS43NXMuMzE2LS43NS43LS43NWg1LjI1Yy4zODMgMCAuNy4zMzMuNy43NXMtLjMxNy43NS0uNy43NUg4LjA1em02LjUyNyAyLjQ1YzAgLjQxNy0uMzE3Ljc1LS43Ljc1aC01LjI1Yy0uMzg0IDAtLjctLjMzMy0uNy0uNzUgMC0uNDE4LjMxNi0uNzUuNy0uNzVoNS4yNWMuMzgzIDAgLjcuMzMyLjcuNzV6Ii8+PC9zdmc+");
                }

                &.type-audio a:before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ExQTFBQSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4ODJfMTc4MSkiPjxwYXRoIGQ9Ik0xMy44NzMgMi44NmEuNjY4LjY2OCAwIDAwLS45NDMuOTQzIDUuOTQyIDUuOTQyIDAgMDEwIDguMzk0LjY2Ny42NjcgMCAwMC45NDMuOTQzIDcuMjc3IDcuMjc3IDAgMDAwLTEwLjI4eiIvPjxwYXRoIGQ9Ik0xMi4wNjcgNC44NmEuNjY4LjY2OCAwIDEwLS45NDYuOTQ0IDMuMTA4IDMuMTA4IDAgMDEwIDQuMzkyLjY2OC42NjggMCAxMC45NDYuOTQzIDQuNDQ0IDQuNDQ0IDAgMDAwLTYuMjc4ek05LjIxMy4xMzNhOC4wMzYgOC4wMzYgMCAwMC01LjAzNiAzLjJoLS44NDRBMy4zMzkgMy4zMzkgMCAwMDAgNi42Njd2Mi42NjZhMy4zMzkgMy4zMzkgMCAwMDMuMzMzIDMuMzM0aC44NDRhOC4wNCA4LjA0IDAgMDA1LjAzNiAzLjIuNjY2LjY2NiAwIDAwLjc4Ny0uNjU1Vi43OWEuNjY3LjY2NyAwIDAwLS43ODctLjY1OHptLS41NDYgMTQuMjI0YTYuNzIyIDYuNzIyIDAgMDEtMy41ODEtMi43Mi42NjYuNjY2IDAgMDAtLjU1OC0uMzA0SDMuMzMzYTIgMiAwIDAxLTItMlY2LjY2N2EyIDIgMCAwMTItMmgxLjJhLjY2Ny42NjcgMCAwMC41NTgtLjMwMiA2LjcyIDYuNzIgMCAwMTMuNTc2LTIuNzIydjEyLjcxNHoiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xODgyXzE3ODEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
                }

                &.type-assignment a:before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgc3Ryb2tlPSIjQTFBMUFBIiBzdHJva2Utd2lkdGg9Ii4xIiBkPSJNMTAuMTY1IDE1LjgxMUg0LjY1Yy4yMjYtLjM4LjM1Ni0uODUzLjM1Ni0xLjNWMy44OWMwLS45MzkuNzM4LTEuNzAyIDEuNjQ2LTEuNzAyaDcuNDMxYy45MDcgMCAxLjY0Ni43NjMgMS42NDYgMS43MDJWNy44YzAgLjMyOC4yNTcuNTk0LjU3NC41OTRhLjU4NC41ODQgMCAwMC41NzQtLjU5NFYzLjg5QzE2Ljg3NiAyLjI5NyAxNS42MjMgMSAxNC4wODIgMUg2LjY1QzUuMTEgMSAzLjg1NyAyLjI5NyAzLjg1NyAzLjg5MXY1Ljk1aC0uODc1Yy0xLjU0MSAwLTIuNzk1IDEuMjk4LTIuNzk1IDIuODkzdjEuNzc1YzAgMS4zNjQgMS4wNjggMi40NzQgMi4zODYgMi40ODcuMDA3IDAgLjAxNC4wMDQuMDIuMDA0aDcuNTcyYS41ODQuNTg0IDAgMDAuNTc0LS41OTQuNTg1LjU4NSAwIDAwLS41NzQtLjU5NXptLTguODMtMS4zMDJ2LTEuNzc1YzAtLjk0Ljc0LTEuNzA0IDEuNjQ3LTEuNzA0aC44NzV2My40NjhsLS4wMDIuMDFjMCAuNzE4LS41NjYgMS4zMDMtMS4yNjEgMS4zMDMtLjY5NC0uMDAyLTEuMjU4LS41ODUtMS4yNTgtMS4zMDJ6Ii8+PHBhdGggZmlsbD0iI0ExQTFBQSIgc3Ryb2tlPSIjQTFBMUFBIiBzdHJva2Utd2lkdGg9Ii4xIiBkPSJNMTMuNDgzIDUuNzVoLTYuMjNhLjU4NC41ODQgMCAwMC0uNTczLjU5NGMwIC4zMjguMjU3LjU5NC41NzQuNTk0aDYuMjNhLjU4NC41ODQgMCAwMC41NzMtLjU5NC41ODQuNTg0IDAgMDAtLjU3NC0uNTk0em0wIDIuNjU2aC02LjIzQS41ODQuNTg0IDAgMDA2LjY4IDljMCAuMzI4LjI1Ny41OTQuNTc0LjU5NGg2LjIzQS41ODQuNTg0IDAgMDAxNC4wNTYgOWEuNTg0LjU4NCAwIDAwLS41NzQtLjU5NHptLTMuMTE1IDIuNjU2SDcuMjU0YS41ODQuNTg0IDAgMDAtLjU3NC41OTRjMCAuMzI4LjI1Ny41OTQuNTc0LjU5NGgzLjExNGEuNTg0LjU4NCAwIDAwLjU3NS0uNTk0LjU4NC41ODQgMCAwMC0uNTc1LS41OTR6Ii8+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTE4LjY4IDkuODMxYTEuNjk5IDEuNjk5IDAgMDAtMi40NTcgMGwtMy45MyA0LjA2NmMtLjE0Ni4xNTEtLjI0LjM0Mi0uMjc1LjU1MmwtLjIxNSAxLjMxOWMtLjA1My4zMjUuMDUuNjYuMjc2Ljg5M2EuOTcyLjk3MiAwIDAwLjg2NC4yODZsMS4yNzMtLjIyM2EuOTY4Ljk2OCAwIDAwLjUzNS0uMjg1bDMuOTI5LTQuMDY2Yy42NzctLjcuNjc3LTEuODQxIDAtMi41NDJ6bS00LjcwNCA1LjczbC0xLjAwNC4xNzUuMTctMS4wMzcgMi42ODgtMi43OC44MzMuODYyLTIuNjg3IDIuNzh6bTMuODkyLTQuMDI3bC0uMzk0LjQwNy0uODM0LS44NjMuMzk0LS40MDdhLjU3NS41NzUgMCAwMS44MzQgMGMuMjMuMjM4LjIzLjYyNSAwIC44NjN6Ii8+PHBhdGggc3Ryb2tlPSIjQTFBMUFBIiBzdHJva2Utd2lkdGg9Ii4xIiBkPSJNMTguNjggOS44MzFzMCAwIDAgMHptMCAwYTEuNjk5IDEuNjk5IDAgMDAtMi40NTcgMGwtMy45MyA0LjA2NmMtLjE0Ni4xNTEtLjI0LjM0Mi0uMjc1LjU1MmwtLjIxNSAxLjMxOWMtLjA1My4zMjUuMDUuNjYuMjc2Ljg5M2EuOTcyLjk3MiAwIDAwLjg2NC4yODZsMS4yNzMtLjIyM2EuOTY4Ljk2OCAwIDAwLjUzNS0uMjg1bDMuOTI5LTQuMDY2Yy42NzctLjcuNjc3LTEuODQxIDAtMi41NDJ6bS00LjcwNCA1LjczbC0xLjAwNC4xNzUuMTctMS4wMzcgMi42ODgtMi43OC44MzMuODYyLTIuNjg3IDIuNzh6bTMuODkyLTQuMDI3bC0uMzk0LjQwNy0uODM0LS44NjMuMzk0LS40MDdhLjU3NS41NzUgMCAwMS44MzQgMGMuMjMuMjM4LjIzLjYyNSAwIC44NjN6Ii8+PC9zdmc+");
                    width: 21px;
                }

                &.type-event a:before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTE1Ljg2IDQuMDM3Yy0uMS0xLjU4Ni0xLjUwNS0yLjgzLTMuMTk2LTIuODNoLS44MjRWLjYwNUMxMS44NC4yNyAxMS41NTQgMCAxMS4yIDBjLS4zNTMgMC0uNjQuMjctLjY0LjYwNHYuNjA0SDUuNDRWLjYwNEM1LjQ0LjI3IDUuMTUzIDAgNC44IDBjLS4zNTMgMC0uNjQuMjctLjY0LjYwNHYuNjA0aC0uODI0QzEuNjQ1IDEuMjA4LjI0MSAyLjQ1LjE0IDQuMDM4YTY5Ljg2IDY5Ljg2IDAgMDAuMDEgOC45OTVjLjEgMS41MTcgMS4zODggMi43MzEgMi45OTUgMi44MjVhODIuOTc0IDgyLjk3NCAwIDAwOS43MSAwYzEuNjA3LS4wOTQgMi44OTQtMS4zMDggMi45OTQtMi44MjUuMTk4LTIuOTgzLjIwMS02LjAxLjAxMi04Ljk5NnptLTEuMjg4IDguOTIyYy0uMDYuOTEtLjgzMiAxLjYzOC0xLjc5NiAxLjY5NGE4MS45NSA4MS45NSAwIDAxLTkuNTUyIDBjLS45NjQtLjA1Ny0xLjczNi0uNzg1LTEuNzk2LTEuNjk0YTY4LjczMyA2OC43MzMgMCAwMS0uMTAxLTYuOTJoMTMuMzQ3YTY4LjgyIDY4LjgyIDAgMDEtLjEwMiA2Ljkyek00LjggMy42MjNjLjM1MyAwIC42NC0uMjcuNjQtLjYwNHYtLjYwNGg1LjEydi42MDRjMCAuMzMzLjI4Ny42MDQuNjQuNjA0LjM1NCAwIC42NC0uMjcuNjQtLjYwNHYtLjYwNGguODI0YzEuMDE1IDAgMS44NTguNzQ0IDEuOTE5IDEuNjk0LjAxNS4yNC4wMjEuNDgxLjAzNC43MjFIMS4zODRjLjAxMi0uMjQuMDE5LS40ODEuMDM0LS43Mi4wNi0uOTUuOTAzLTEuNjk1IDEuOTE4LTEuNjk1aC44MjR2LjYwNGMwIC4zMzMuMjg3LjYwNC42NC42MDR6Ii8+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTQuOCA5LjY2Yy41MyAwIC45Ni0uNDA1Ljk2LS45MDVzLS40My0uOTA2LS45Ni0uOTA2LS45Ni40MDYtLjk2LjkwNi40My45MDYuOTYuOTA2em0zLjIwMyAwYy41MyAwIC45Ni0uNDA1Ljk2LS45MDVzLS40My0uOTA2LS45Ni0uOTA2LS45Ni40MDYtLjk2LjkwNi40My45MDYuOTYuOTA2ek00LjggMTIuNjhjLjUzIDAgLjk2LS40MDUuOTYtLjkwNiAwLS41LS40My0uOTA1LS45Ni0uOTA1cy0uOTYuNDA1LS45Ni45MDUuNDMuOTA2Ljk2LjkwNnptNi4zOTgtMy4wMmMuNTMgMCAuOTYtLjQwNS45Ni0uOTA1cy0uNDMtLjkwNi0uOTYtLjkwNi0uOTYuNDA2LS45Ni45MDYuNDMuOTA2Ljk2LjkwNnptMCAzLjAyYy41MyAwIC45Ni0uNDA1Ljk2LS45MDYgMC0uNS0uNDMtLjkwNS0uOTYtLjkwNXMtLjk2LjQwNS0uOTYuOTA1LjQzLjkwNi45Ni45MDZ6bS0zLjE5NSAwYy41MyAwIC45Ni0uNDA1Ljk2LS45MDYgMC0uNS0uNDMtLjkwNS0uOTYtLjkwNXMtLjk2LjQwNS0uOTYuOTA1LjQzLjkwNi45Ni45MDZ6Ii8+PC9zdmc+");
                }

                &.type-session a:before {
                    content: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ExQTFBQSIgZD0iTTguMDMxIDguNDU3YS45Ny45NyAwIDAwLS43MS4zMTNBMjMuOTEgMjMuOTEgMCAwMDEgMjVhMjMuOTEgMjMuOTEgMCAwMDYuMzIgMTYuMjNjLjM4LjQxNCAxLjAzNy40MTMgMS40MzQuMDE2bDIuMTI5LTIuMTI5Yy4zODMtLjM4My4zOC0uOTkyLjAxNy0xLjM5NEExOC45MiAxOC45MiAwIDAxNiAyNWExOC45MiAxOC45MiAwIDAxNC45LTEyLjcyMyAxLjAwOSAxLjAwOSAwIDAwLS4wMTctMS4zOTRsLTIuMTMtMi4xM2ExLjAxMiAxLjAxMiAwIDAwLS43MjItLjI5NnptMzMuOTM4IDBhMS4wMTMgMS4wMTMgMCAwMC0uNzIzLjI5N2wtMi4xMyAyLjEzYTEuMDA2IDEuMDA2IDAgMDAtLjAxOCAxLjM5M0ExOC45MTYgMTguOTE2IDAgMDE0NCAyNWExOC45MiAxOC45MiAwIDAxLTQuOSAxMi43MjMgMS4wMDkgMS4wMDkgMCAwMC4wMTcgMS4zOTRsMi4xMyAyLjEzYS45OTguOTk4IDAgMDAxLjQzMy0uMDE3QTIzLjkxIDIzLjkxIDAgMDA0OSAyNWEyMy45MSAyMy45MSAwIDAwLTYuMzItMTYuMjMuOTY4Ljk2OCAwIDAwLS43MTEtLjMxM3ptLTYuMzQ0IDYuMzhhLjk5My45OTMgMCAwMC0uNzU0LjI5MmwtMi4xMyAyLjEzYS45ODYuOTg2IDAgMDAtLjA3MyAxLjMyN0E5Ljk1NSA5Ljk1NSAwIDAxMzUgMjVhOS45NDggOS45NDggMCAwMS0yLjMzMiA2LjQxMi45ODYuOTg2IDAgMDAuMDcyIDEuMzI2bDIuMTMxIDIuMTMzYy40MTcuNDE3IDEuMDk3LjM4IDEuNDgzLS4wNjZBMTQuOTQ1IDE0Ljk0NSAwIDAwNDAgMjVjMC0zLjc0OC0xLjM3NC03LjE3Ni0zLjY0Ni05LjgwNWExLjAzIDEuMDMgMCAwMC0uNzI5LS4zNTd6bS0yMS4yNS4wMDNhMS4wMyAxLjAzIDAgMDAtLjcyOS4zNTdBMTQuOTM4IDE0LjkzOCAwIDAwMTAgMjVjMCAzLjc0OCAxLjM3NCA3LjE3NiAzLjY0NiA5LjgwNWExLjAxMiAxLjAxMiAwIDAwMS40ODMuMDY2bDIuMTMtMi4xM2EuOTg2Ljk4NiAwIDAwLjA3My0xLjMyN0E5Ljk1NSA5Ljk1NSAwIDAxMTUgMjVjMC0yLjQzOS44NzYtNC42NzUgMi4zMzItNi40MTJhLjk4Ni45ODYgMCAwMC0uMDcyLTEuMzI2bC0yLjEzMS0yLjEzM2EuOTkxLjk5MSAwIDAwLS43NTQtLjI5ek0yNSAxOWE2IDYgMCAxMDAgMTIgNiA2IDAgMDAwLTEyeiIvPjwvc3ZnPg==');
                }

                .lesson-status {
                    position: absolute;
                    right: 17px;
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: 1;
                    line-height: 1;
                    width: 18px;
                    height: 18px;
                    border: 1px solid #D9D9D9;
                    border-radius: 100%;

                    svg {
                        display: none;
                        transform: translateY(-1px);
                    }

                    &.checked {
                        border-color: transparent;
                        svg {
                            display: block;
                        }
                    }
                }

                &:hover a,
                &.active a {
                    border-color: var(--creator-lms-primary-color);
                    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07);
                }
            }
        }

        
    }

    
}

@media screen and (max-width: 1399px) {
    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-lesson-list .lesson-item .lesson-status .checkbox:before {
        left: 0px;
    }
}


@media screen and (max-width: 425px) {
    .creator-lms-page .creator-lms-lesson-details .creator-lms-lesson-sidebar {
        padding: 10px 0 0;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-accordion-item.active {
        border-radius: 0;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-lesson-tab-nav {
        gap: 12px;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-accordion-item .creator-lms-accordion-title {
        font-size: 13px;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-lesson-list .lesson-item a {
        font-size: 13px;
        padding: 13px 37px 13px 33px;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-lesson-list .lesson-item a:before {
        left: 9px;
    }

    .creator-lms-page .creator-lms-lesson-sidebar .creator-lms-lesson-list .lesson-item .lesson-status {
        right: 10px;
    }

}