.creator-lms-assignment-single * {
    padding: 0;
    margin: 0;
}

.creator-lms-page {
    .creator-lms-assignment-single {
        padding: 60px 0 85px;
        background-color: #F9FAFD;

        .creator-lms-assignment-title {
            color: var(--creator-lms-heading-color);
            font-size: 32px;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 25px;
        }

        .creator-lms-content-wrapper {
            gap: 40px;
            align-items: flex-start;
        }

        .creator-lms-content {
            width: calc(100% - 460px);
            border-radius: 16px;
            background-color: #FFF;
            box-shadow: 0px 2px 8px 0px #ECECEC;
            padding: 34px 40px 40px;

            .creator-lms-resources-list {
                padding: 24px 0 0;
                margin: 20px 0 0;
                border-top: 1px solid #EBECED;

                li {
                    box-shadow: 0px 1px 4px 0px #d3d6ddc7;
                    margin: 0;
                }
            }
        }

        .creator-lms-sidebar {
            position: sticky;
            top: 30px;
        }

        .creator-lms-sidebar-widget {
            &.with-gray-color {
                background-color: rgba(var(--creator-lms-primary-color-rgb), 0.059);
            }

            .creator-lms-score-comment-box {
                border-radius: 8px;
                background-color: #FFF;
                padding: 22px 24px 24px;
                margin-top: 20px;

                .score-comment-box-title {
                    color: var(--creator-lms-heading-color);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 1;
                    margin: 0 0 12px;
                    padding: 0;
                    letter-spacing: 0;

                }

                .score-comment-details-text p,
                .score-comment-details-text {
                    color: var(--creator-lms-body-text-color);
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 1.6;
                    margin: 0;
                    padding: 0;
                }

                .read-more-toggle {
                    display: none;
                    color: var(--creator-lms-primary-color);
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 1;
                    margin-top: 5px;

                    & > span {
                        cursor: pointer;
                        display: inline-flex;
                        align-items: center;
                        gap: 7px;
                    }

                    svg {
                        position: relative;
                        left: 3px;
                    }

                    .read-less {
                        display: none;
                    }
                }
            }

            &.submission-widget {
                padding: 0;
                background-color: transparent;
                box-shadow: none;

                .submission-widget-title {
                    color: var(--creator-lms-heading-color);
                    font-size: 15px;
                    font-weight: 700;
                    line-height: 1.3;
                    margin: 0 0 9px;

                    time {
                        color: #8C929B;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 1;
                        margin-left: 3px;
                    }
                }
            }
        }
    }
    
}

@media screen and (max-width: 1199px) {
    .creator-lms-page .creator-lms-assignment-single {
        padding: 40px 0 65px;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-assignment-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-content-wrapper {
        gap: 30px;
    }
    .creator-lms-page .creator-lms-assignment-single .creator-lms-content {
        width: calc(100% - 390px);
        border-radius: 8px;
        padding: 14px 20px 20px;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box {
        border-radius: 10px;
        padding: 18px 20px 17px;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .score-comment-details-text p, 
    .creator-lms-page .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .score-comment-details-text {
        font-size: 14px;
    }

}

@media screen and (max-width: 991px) {
    .creator-lms-page .creator-lms-assignment-single .creator-lms-assignment-title {
        font-size: 24px;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-content-wrapper {
        flex-direction: column-reverse;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-content {
        width: 100%;
    }

    .creator-lms-page .creator-lms-assignment-single .creator-lms-sidebar {
        position: relative;
        top: 0;
    }

}

@media screen and (max-width: 575px) {
    .creator-lms-page .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .read-more-toggle {
        display: inline-block;
    }
    .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .score-comment-details-text .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .score-comment-details-text.active .line-clamp {
        -webkit-line-clamp: inherit;
    }
    .creator-lms-assignment-single .creator-lms-sidebar-widget .creator-lms-score-comment-box .score-comment-details-text.active svg {
        transform: rotate(180deg);
    }

}