src/renderer/parts/mainView/pictureView/pictureView.scss
h1,
h2,
h3,
h4 {
    color: inherit;
}

.pictureViewWrapper {
    width: 100%;
    height: 100%;
    overflow: scroll;
    color: $fontColor;

    .contentWrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 4;

        .previewWrapper {
            width: 100%;
            height: 100%;
        }
    }

    .contentWrapper::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: scale(1.2);
        filter: blur(32px);
        background: inherit;
        background-size: cover;
        background-position: center;
        z-index: -1;
    }
}

.pageDetail {
    width: 100%;
    display: flex;
    padding: 50px 0;
    transition: 0.2s ease-in-out;

    .left {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 50px;
        max-height: 500px;

        .coverBox {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            img,
            video {
                max-width: 100%;
                max-height: 100%;
                box-shadow: 3px 3px 10px 1px rgb(0, 0, 0);
            }
        }
    }

    .right {
        width: 50%;
        margin: 0 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .top {
            .group {
                margin-bottom: 10px;

                .groupTag {
                    .tag {
                        display: inline-block;
                        background-color: $tabBgColorActive;
                        padding: 1px 10px;
                        border-radius: 4px;
                        margin: 0 8px 6px 0;
                        color: $fontColorActive;
                    }
                }
            }
        }

        .buttons {
            .button {
                margin-right: 10px;
                display: inline-block;
            }
        }
    }
}
