/* Style dla widgetu w kokpicie */
:root {
    --dp-import-accent: #00c3a5;
    --dp-import-accent-light: rgba(0, 195, 165, 0.1);
}

.dp-import-widget {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    & .star-full,
    & .star-half,
    & .star-empty {
        color: var(--dp-import-accent);
        font-size: 16px;
    }

    & .star-empty {
        color: var(--dp-import-accent-light);
    }

    & .avatar {
        flex-shrink: 0;

        & #dp-import-avatar {
            border-radius: 10px;
            max-width: 140px;
            height: auto;
            display: block;
        }
    }

    & .dp-import-widget-content {
        flex-grow: 1;

        & #dp-import-fullname {
            font-size: 20px;
        }

        & p {
            margin: 5px 0;
        }
    }
}