.vcp-gruppo-schede {
    --vcp-gruppo-schede-raggio: var(--vcp-raggio-16);
}

.vcp-gruppo-schede--icona {
    --vcp-gruppo-schede-raggio: var(--vcp-raggio-18);
}

.vcp-gruppo-schede--estesa {
    --vcp-gruppo-schede-raggio: var(--vcp-raggio-20);
}

.vcp-gruppo-schede--con-cornice {
    --vcp-scheda-scelta-bordo-scelto: transparent;
}

.vcp-gruppo-schede--etichetta-evidente {
    gap: var(--vcp-scheda-distanza);
}

.vcp-gruppo-schede--etichetta-evidente .vcp-campo__etichetta {
    font-size: var(--vcp-testo-16);
    font-weight: var(--vcp-peso-semigrassetto);
    color: var(--vcp-colore-testo);
}

.vcp-gruppo-schede__elenco {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vcp-spazio-8);
}

.vcp-gruppo-schede--adattiva .vcp-gruppo-schede__elenco {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--vcp-scheda-colonna-minima)), 1fr));
    gap: var(--vcp-spazio-12);
}

.vcp-gruppo-schede__cornice {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: var(--vcp-bordo-spesso) solid var(--vcp-colore-primario);
    border-radius: var(--vcp-gruppo-schede-raggio);
    pointer-events: none;
    transition: border-color var(--vcp-durata);
}

.vcp-gruppo-schede__cornice--animata {
    transition:
        transform var(--vcp-durata-scorrimento) var(--vcp-curva-scorrimento),
        width var(--vcp-durata-scorrimento) var(--vcp-curva-scorrimento),
        height var(--vcp-durata-scorrimento) var(--vcp-curva-scorrimento),
        border-color var(--vcp-durata);
}

.vcp-gruppo-schede__cornice--positivo {
    border-color: var(--vcp-colore-successo);
}

.vcp-gruppo-schede__cornice--neutro {
    border-color: var(--vcp-colore-neutro-scelto);
}

.vcp-gruppo-schede--disabilitato .vcp-gruppo-schede__cornice {
    opacity: var(--vcp-opacita-disattivato);
}

@media (min-width: 860px) {
    .vcp-gruppo-schede__elenco {
        gap: var(--vcp-spazio-10);
    }
}

@media (min-width: 1100px) {
    .vcp-gruppo-schede__elenco {
        grid-template-columns: repeat(var(--vcp-gruppo-schede-colonne, 2), minmax(0, 1fr));
    }
}