.compteurs{display: flex;--C_marg:0px}
.compteurs.shapeChange[data-shape="1"]{
--C_marg:2rem
}
.compteurs .colMulti{padding: 3rem;}
.editableZone .compteurs .colMulti:not(.colMulti:first-of-type)>i[class*=" icon-"],
.editableZone .compteurs .colMulti:not(:has(~ .colMulti))>i[class*=" icon-trash"],
.editableZone .compteurs .colMulti:is(:has(~ .colMulti ~ .colMulti ~ .colMulti))>i[class*=" icon-plus"]{display: none !important}
.compteurs .compt{vertical-align: center; font-size: 0;}
.compteurs .compt p{font-size: 4rem;display: inline-block; min-width: 0.5em;min-height: 1em;
  vertical-align: text-bottom; margin-bottom: 0; padding-left: 0; padding-right: 0; }

.compteurs.shapeChange .colMulti{margin-left: var(--C_marg); margin-right: var(--C_marg)}
.compteurs.shapeChange .colMulti:first-of-type{margin-left:0}
.compteurs.shapeChange .colMulti:last-of-type{margin-right:0}

@media screen and (max-width: 600px) {
  .compteurs{flex-wrap: wrap;}
  .compteurs.shapeChange[data-shape="1"]{--C_marg:1rem}
  .compteurs .colMulti:first-of-type:is(:has(~ .colMulti ~ .colMulti)):not(:has(~ .colMulti ~ .colMulti ~ .colMulti)){max-width: 100%}
  .compteurs .colMulti{max-width: calc(50% - var(--C_marg))}

  .compteurs .colMulti:nth-last-of-type(-2n +2){margin-left: 0}
  
  .compteurs .colMulti:first-of-type ~ .colMulti:is(:has(~ .colMulti ~ .colMulti)){margin-right: 0; margin-left: var(--C_marg)}

  .compteurs .colMulti:first-of-type:is(:has(~ .colMulti ~ .colMulti ~ .colMulti)){margin-right: var(--C_marg); margin-left: 0}

  .compteurs.shapeChange .colMulti:is(:has(~ .colMulti ~ .colMulti)){margin-left:0;margin-right:0; margin-bottom: calc(var(--C_marg) * 2)}
}