.plagiarism-checker {
    .pro {
        display: flex;
        box-shadow: 0px 1px 7px rgba(183, 192, 214, 0.25);
        padding: 30px;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;

        [theme-mode='dark'] & {
            box-shadow: 1px 2px 6px rgb(8 8 8 / 43%);
        }

        img {
            width: 45px;
            float: left;
        }

        p {
            margin: 10px;
            padding-left: 15px;
            display: flex;

            [theme-mode='dark'] & {
                color: var(--#{$prefix}dark-text-color);
            }
        }

        .action {
            text-align: right;
        }
    }

    @media (max-width: 1200px) {
        .pro {
            display: block;

            .action {
                text-align: left;
            }
        }
    }

    @media (max-width: 992px) {
        .pro {
            padding: 15px;

            .contant {
                img {
                    float: none;
                }

                p {
                    padding-left: 0;
                }
            }
        }
    }
}

.result {
    .contant {
        h3 {
            font-size: large;
        }

        strong {
            font-size: 18px;

            [theme-mode='dark'] & {
                color: var(--#{$prefix}white);
            }
        }

        .progress-title {
            margin-top: 30px;
            text-align: left;
            font-weight: 500;

            span {
                color: var(--#{$prefix}text-light);
            }
        }

        .progress {
            margin-top: 10px;
            height: 10px;
        }

        .unique,
        .plagiarism {
            text-align: center;

            h3 {
                padding-top: 15px;
                text-transform: uppercase;
                font-weight: 700;
            }
        }

        .unique {
            h3 {
                border-top: 4px solid var(--#{$prefix}success);
            }
        }

        .plagiarism {
            h3 {
                border-top: 4px solid var(--#{$prefix}danger);
            }
        }

        &.plagiarism-links {
            text-align: left;

            ul {
                list-style: none;
                padding-left: 0;

                li {
                    padding-top: 5px;
                }
            }
        }
    }

    .statistics {
        ul {
            list-style: none;
            padding: 0;

            li {
                padding: 8px 0;

                [theme-mode='dark'] & {
                    color: var(--#{$prefix}dark-text-color);
                }

                span {
                    &.badge {
                        float: right;
                    }
                }
            }
        }
    }

    ul {
        &.plagiarized-link {
            padding: 0;

            li {
                display: flex;
                background: tint-color($warning, 90%);
                padding: 15px 2px 15px 15px;
                border-radius: 30px;
                margin-bottom: 15px;

                .contant {
                    width: 80%;

                    p {
                        color: var(--#{$prefix}warning);
                        margin-bottom: 0;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }

                .link {
                    margin-left: auto !important;

                    span {
                        color: var(--#{$prefix}danger);
                        font-weight: $font-weight-bold;
                        margin-right: 15px;
                    }

                    a {
                        background: var(--#{$prefix}white);
                        height: 30px;
                        padding: 15px;
                        border-radius: 50%;
                    }
                }
            }
        }

        &.document-wise {
            padding-left: 0;
            list-style: none;

            li {
                span {
                    text-decoration: underline;

                    &:hover {
                        cursor: pointer;
                    }
                }
            }
        }

        &.matched-sources {
            padding-left: 0;
            list-style: none;

            li {
                display: flex;
                margin-bottom: 15px;

                .percentage {
                    background: var(--#{$prefix}primary);
                    padding: 15px;
                    margin-right: 30px;
                    height: 75px;
                    width: 75px;
                    color: $white;
                    font-size: 24px;
                    font-weight: $font-weight-bold;
                }

                .details {
                    a {
                        color: var(--#{$prefix}link-color);
                        text-decoration: none;
                        margin-bottom: 10px;
                        display: block;
                    }
                }
            }
        }
    }
}
