/* CodeCampus v2.9.78 — Java submission file true auto-refresh */
.cc-submission-file-sync-v2978{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:8px 0 14px;
  padding:9px 12px;
  border:1px solid rgba(45,212,191,.24);
  border-radius:13px;
  background:rgba(45,212,191,.055);
  color:inherit;
}
.cc-submission-file-sync-v2978 .dot{
  width:9px;height:9px;border-radius:50%;flex:0 0 9px;
  background:#34d399;
  box-shadow:0 0 0 5px rgba(52,211,153,.10);
  animation:cc2978Pulse 1.8s ease-in-out infinite;
}
.cc-submission-file-sync-v2978 b,
.cc-submission-file-sync-v2978 small{display:block}
.cc-submission-file-sync-v2978 b{font-size:.82rem}
.cc-submission-file-sync-v2978 small{margin-top:1px;color:#7990ad;font-size:.72rem}
.cc-submission-file-sync-v2978[data-state="retry"]{
  border-color:rgba(245,158,11,.24);
  background:rgba(245,158,11,.055);
}
.cc-submission-file-sync-v2978[data-state="retry"] .dot{background:#fbbf24;box-shadow:0 0 0 5px rgba(251,191,36,.10)}

.cc-java-live-updated-v2978{
  animation:cc2978FileFlash .62s ease both;
}
@keyframes cc2978FileFlash{
  0%{box-shadow:0 0 0 0 rgba(33,200,246,0)}
  34%{box-shadow:0 0 0 2px rgba(33,200,246,.30),0 0 30px rgba(33,200,246,.11)}
  100%{box-shadow:0 0 0 0 rgba(33,200,246,0)}
}
@keyframes cc2978Pulse{50%{opacity:.48;transform:scale(.88)}}
html[data-theme="light"] .cc-submission-file-sync-v2978 small{color:#55708f}
@media (prefers-reduced-motion:reduce){
  .cc-submission-file-sync-v2978 .dot,.cc-java-live-updated-v2978{animation:none!important}
}
@media(max-width:640px){
  .cc-submission-file-sync-v2978{display:flex;width:100%;align-items:flex-start}
}