.vcp-casella__riga {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--vcp-spazio-10);
    margin: 0;
    font-size: var(--vcp-testo-13);
    line-height: var(--vcp-interlinea);
    color: var(--vcp-colore-testo-etichetta);
    cursor: pointer;
}

.vcp-casella__controllo {
    position: absolute;
    top: var(--vcp-bordo-sottile);
    left: 0;
    width: var(--vcp-casella-lato);
    height: var(--vcp-casella-lato);
    opacity: 0;
    cursor: inherit;
}

.vcp-casella__segno {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--vcp-casella-lato);
    height: var(--vcp-casella-lato);
    margin-top: var(--vcp-bordo-sottile);
    border: var(--vcp-bordo-medio) solid var(--vcp-colore-bordo-casella);
    border-radius: var(--vcp-raggio-6);
    background: var(--vcp-colore-superficie);
    font-size: var(--vcp-testo-11);
    color: var(--vcp-colore-superficie);
    transition: background-color var(--vcp-durata-rapida), border-color var(--vcp-durata-rapida);
}

.vcp-casella__controllo:checked + .vcp-casella__segno {
    border-color: var(--vcp-colore-primario);
    background: var(--vcp-colore-primario);
    color: var(--vcp-colore-su-primario);
}

.vcp-casella__controllo:focus-visible + .vcp-casella__segno {
    outline: var(--vcp-contorno-fuoco);
    outline-offset: var(--vcp-contorno-fuoco-distanza);
}

.vcp-casella--errore .vcp-casella__segno {
    border-color: var(--vcp-colore-errore-bordo);
}

.vcp-casella--disabilitato .vcp-casella__riga {
    cursor: not-allowed;
    opacity: var(--vcp-opacita-disattivato);
}