.persona-detail-summary-wrapper {
    height: 100%;
    width: 100%;
    border: solid 1px #dfe2e7;
    border-radius: 4px;
    padding: 15px;
    display: grid;
    grid-template-columns: auto 20% 20% 20%;
    grid-gap: 15px;
    background-color: #ffffff;
    .ai-pd-summary-name-stat {
        display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 14px;
        .ai-pd-summary-name-stat-name {
            font-weight: 700;
            font-size: 32px;
                color: #26333F;
        }
        .ai-pd-summary-name-stat-stat {
            font-size: 14px;
        }
    }
    .ai-pd-summary-score-block {
        border-radius: 8px;
        text-align: center;
        .ai-pd-summary-score {
            font-size: 84px;
            font-weight: 400;
        }
        .ai-pd-summary-type {
            font-size: 16px;
            font-weight: 400;
            margin-top: -3px;
            display: flex;
            justify-content: center;
            align-items: center;
            svg {
                margin-right: 4px;
            }
        }
    }
    .ai-pd-summary-score-block-bg1 {
        background: linear-gradient(45deg, rgba(215, 68, 182, 0.1), rgba(255, 93, 95, 0.1));
        .ai-pd-summary-score {
            background: linear-gradient(102.81deg, #D744B6 -22.94%, #FF5D5F 103.28%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
        }
    }
    .ai-pd-summary-score-block-bg2 {
        background: linear-gradient(45deg, rgba(252, 168, 35, 0.1), rgba(28, 183, 154, 0.1));
        .ai-pd-summary-score {
            background: linear-gradient(101.53deg, #FCA823 -6.39%, #1CB79A 106.88%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
        }
    }
    .ai-pd-summary-score-block-bg3 {
        background: linear-gradient(45deg, rgba(255, 93, 95, 0.1), rgba(252, 168, 35, 0.1));
        .ai-pd-summary-score {
            background: linear-gradient(284.39deg, #FF5D5F -14.38%, #FCA823 104.35%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
        }
    }
}
