.connect-feedback-control{position:relative}
.connect-feedback-control:is(.is-connect-copied,.is-connect-copy-error)>*{opacity:0!important}
.connect-feedback-control:is(.is-connect-copied,.is-connect-copy-error)::after{content:attr(data-copy-feedback);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 6px;color:#b9fff4;font-size:13px;font-weight:800;letter-spacing:0;white-space:nowrap;pointer-events:none}
.connect-copy-control:is(.is-connect-copied,.is-connect-copy-error)::after{font-size:17px}
.connect-feedback-control.is-connect-copied{border-color:#a1fff3!important;background:rgba(16,86,89,.98)!important;box-shadow:0 0 17px rgba(83,229,237,.35)!important;animation:connect-copy-confirm .35s ease-out}
.connect-feedback-control.is-connect-copy-error::after{color:#ffb4b4}
.connect-feedback-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes connect-copy-confirm{from{box-shadow:0 0 4px rgba(83,229,237,.1)}to{box-shadow:0 0 17px rgba(83,229,237,.35)}}
@media(prefers-reduced-motion:reduce){.connect-feedback-control.is-connect-copied{animation:none}}

#network tr[data-server-phase="check"] .connect-feedback-control.is-connect-copied::after{color:#fff0bd!important}
#network tr[data-server-phase="check"] .connect-feedback-control.is-connect-copied{animation-name:connect-copy-confirm-yellow}
@keyframes connect-copy-confirm-yellow{from{box-shadow:0 0 4px rgba(244,204,104,.1)}to{box-shadow:0 0 17px rgba(244,204,104,.35)}}
@media(prefers-reduced-motion:reduce){#network tr[data-server-phase="check"] .connect-feedback-control.is-connect-copied{animation:none}}