/*
 * İlkokul Dijital A4 Player v1.29.12
 * Bağlantı mantığından ve yazdırmadan bağımsız küçük arayüz vurguları.
 */

body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden]){
  position:relative;
  isolation:isolate;
  transform-origin:50% 50%;
  will-change:transform;
  animation:ildA4RemoteApproveHeartbeat 2.35s ease-in-out infinite!important;
}

body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden])::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5px;
  border:2px solid rgba(16,185,129,.34);
  border-radius:17px;
  opacity:0;
  pointer-events:none;
  animation:ildA4RemoteApproveHeartbeatRing 2.35s ease-out infinite!important;
}

@keyframes ildA4RemoteApproveHeartbeat{
  0%,30%,100%{transform:scale(1)}
  7%{transform:scale(1.026)}
  13%{transform:scale(1)}
  19%{transform:scale(1.017)}
  25%{transform:scale(1)}
}

@keyframes ildA4RemoteApproveHeartbeatRing{
  0%,4%,30%,100%{opacity:0;transform:scale(.985)}
  9%{opacity:.34;transform:scale(1.025)}
  15%{opacity:0;transform:scale(1.09)}
  19%{opacity:.22;transform:scale(1.015)}
  27%{opacity:0;transform:scale(1.075)}
}

@media(prefers-reduced-motion:reduce){
  body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden]),
  body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden])::after{
    animation:none!important;
  }
}

@media print{
  body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden]),
  body.ild-a4-player-page .ild-a4-remote-board-approve:not([hidden])::after{
    animation:none!important;
  }
}