/* v0.13.7 — geometry-free desktop card selection feedback. */

@media (min-width: 720px) and (hover: hover) and (pointer: fine) {
  #showGrid > .show-card,
  #showGrid > .show-card:hover,
  #showGrid > .show-card:focus-within,
  #showGrid > .show-card:active {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    will-change: auto !important;
    border-width: 1px !important;
    border-style: solid !important;
    transition-property: outline-color, box-shadow, border-color, background-color !important;
  }

  #showGrid > .show-card .poster-frame,
  #showGrid > .show-card:hover .poster-frame,
  #showGrid > .show-card .poster,
  #showGrid > .show-card:hover .poster,
  #showGrid > .show-card:focus-within .poster,
  #showGrid > .show-card:active .poster {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    will-change: auto !important;
  }

  #showGrid > .show-card:hover {
    outline: 2px solid color-mix(in srgb, var(--primary) 72%, transparent) !important;
    outline-offset: 2px !important;
    border-color: var(--outline-variant, transparent) !important;
    background: var(--surface-container-low, var(--surface)) !important;
    box-shadow: none !important;
  }

  #showGrid > .show-card:hover .poster {
    filter: none !important;
  }
}