.gv-plateau { fill: var(--blanc); stroke: var(--filet-ecran); stroke-width: 1; }

.gv-plateau--odoo { stroke: var(--froid); stroke-width: 1.25; }
.gv-plateau--encre { stroke: var(--encre-ecran); }
.gv-partage { fill: none; stroke: var(--encre-ecran); stroke-width: 1; stroke-dasharray: 2 5; stroke-linecap: round; }
@media (forced-colors: active) {
  .gv-plateau, .gv-plateau--odoo, .gv-plateau--encre { fill: Canvas; stroke: CanvasText; }
  .gv-partage { stroke: CanvasText; }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .art-visuel .gv-fil:not(.gv-fil--encre).gv-trace, .art-visuel .gv-sens:not(.gv-sens--encre) { animation-range: entry 90% cover 50%; }
  }
}

.art-visuel .gv--etroit { max-width: 26rem; margin-inline: auto; }
@media (min-width: 600px) and (max-width: 699px) {
  .art-visuel .gv--large { display: block; }
  .art-visuel .gv--etroit { display: none; }
}

@media (max-width: 359px) {
  .art-visuel { margin-left: calc(-1 * var(--gouttiere)); margin-right: calc(-1 * var(--marge)); border-radius: 0; }
}

@media print {
  .art-visuel .gv-trace { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; }
  .art-visuel .gv-sens { animation: none; opacity: 1; }
  .art-visuel { break-inside: avoid; }
}