/* Magic UI lighting and Emil Kowalski interaction recipes; assets/licenses/motion-MIT.txt. */
.unit-card { position: relative; }
.studio-hero::before, .unit-card::before, .unit-card::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 3;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .studio-hero::before, .unit-card::before {
    background: radial-gradient(400px circle at var(--spot-x,-500px) var(--spot-y,-500px), #fff5, transparent 80%);
    transition: opacity .18s ease-out;
  }
  .unit-card::after {
    padding: 1px;
    background: radial-gradient(220px circle at var(--spot-x,-500px) var(--spot-y,-500px), var(--color-lime), transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
  }
  .motion-lit::before, .unit-card.motion-lit::after { opacity: 1; }
  #app:not([data-motion-paused=true]) .studio-actions .btn-primary:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: no-preference) {
  #app:not([data-motion-paused=true]) .btn:not(:disabled):active { transform: scale(.98); transition-duration: .1s; }
}
#app[data-motion-paused=true] .motion-enter { animation: none; }
#app[data-motion-paused=true] .unit-card:hover,
#app[data-motion-paused=true] .studio-main .unit-card:hover .card-photo > img,
#app[data-motion-paused=true] .btn:active,
#app[data-motion-paused=true] .unit-thumb:active { transform: none; }
#app[data-motion-paused=true] .unit-card,
#app[data-motion-paused=true] .studio-main .card-photo > img,
#app[data-motion-paused=true] .btn,
#app[data-motion-paused=true] .unit-thumb { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .studio-hero::before, .unit-card::before, .unit-card::after { display: none; }
}