/* Shared four-corner frame for Paldeck-style catalog cards. */

.paldeck-card-selection-frame {
  position: absolute;
  z-index: 8;
  inset: -.34rem;
  opacity: 0;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: opacity 240ms cubic-bezier(.2, .72, .25, 1);
  transition-delay: 0ms;
  will-change: opacity;
}

.paldeck-card-selection-frame i {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-color: var(--pal-accent);
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--pal-accent) 82%, transparent));
  transform: scale(1);
  transition: filter 220ms ease, transform 180ms ease;
}

.paldeck-card-selection-frame i:nth-child(1) { top: 0; left: 0; border-top: 3px solid var(--pal-corner-1); border-left: 3px solid var(--pal-corner-1); transform-origin: bottom right; }
.paldeck-card-selection-frame i:nth-child(2) { top: 0; right: 0; border-top: 3px solid var(--pal-corner-2); border-right: 3px solid var(--pal-corner-2); transform-origin: bottom left; }
.paldeck-card-selection-frame i:nth-child(3) { right: 0; bottom: 0; border-right: 3px solid var(--pal-corner-3); border-bottom: 3px solid var(--pal-corner-3); transform-origin: top left; }
.paldeck-card-selection-frame i:nth-child(4) { bottom: 0; left: 0; border-bottom: 3px solid var(--pal-corner-4); border-left: 3px solid var(--pal-corner-4); transform-origin: top right; }

@keyframes paldeck-corner-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.055); }
}