.eproof-version {
    --statusColor: var(--mud-palette-warning-yellow);
    background-color: var(--mud-palette-medium-gray-5O);
    border: 1px solid var(--mud-palette-medium-gray-10O);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    align-items: center;
    padding: .3rem .6rem;
    cursor: pointer;
}

    .eproof-version.eproof-version-Ready {
        --statusColor: var(--mud-palette-success-green);
    }

    .eproof-version.eproof-version-Cancelled,
    .eproof-version.eproof-version-Rejected {
        --statusColor: var(--mud-palette-danger-red);
    }

    .eproof-version.eproof-version-selected {
        background-color: var(--mud-palette-secondary-blue-10O);
        border-color: var(--mud-palette-secondary-blue-10O);
        cursor: default;
    }

    .eproof-version .mud-checkbox .mud-icon-button {
        padding: 4px !important;
        color: var(--mud-palette-secondary-blue);
    }

    .eproof-version .mud-checkbox .mud-icon-button svg {
        font-size: 1rem !important;
    }

    .eproof-version .eproof-version-status {
        --size: 15px;
        width: var(--size);
        height: var(--size);
        border-radius: 1000px;
        border: none;
        background-color: var(--statusColor);
        position: relative;
        padding: 0;
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .eproof-version .eproof-version-status::after {
            --scale: 1.6;
            --afterSize: calc(var(--size) * var(--scale));
            content: "";
            position: absolute;
            width: var(--afterSize);
            height: var(--afterSize);
            top: calc(0px - (var(--afterSize) - var(--size))/2);
            left: calc(0px - (var(--afterSize) - var(--size))/2);
            background-color: var(--statusColor);
            border-radius: 1000px;
            opacity: .3;
            filter: blur(2px);
        }