/* clipboard.css — estilos del portapapeles de Odyssey (hormigas marchantes).
   Este archivo lo inyecta dinámicamente grid/clipboard.js como <link>. */

/* Rectángulo animado sobre el rango copiado/cortado ("hormigas" de Excel).
   Se posiciona de forma absoluta dentro de las capas del grid. */
.marching-ants {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 25;
  /* Cuatro degradados = cuatro lados discontinuos animables. */
  background:
    linear-gradient(90deg, #217346 50%, transparent 50%) repeat-x left top,
    linear-gradient(90deg, #217346 50%, transparent 50%) repeat-x left bottom,
    linear-gradient(0deg,  #217346 50%, transparent 50%) repeat-y left top,
    linear-gradient(0deg,  #217346 50%, transparent 50%) repeat-y right top;
  background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
  animation: odyssey-ants 0.6s linear infinite;
}

/* Origen de un CORTE (Ctrl+X): mismas hormigas; la clase permite distinguirlo. */
.marching-ants.is-cut {
  opacity: 0.9;
}

@keyframes odyssey-ants {
  to {
    background-position: 8px 0, -8px 100%, 0 -8px, 100% 8px;
  }
}