.auth-card[data-login-panel-trace] {
    position: relative;
    isolation: isolate;
}

.login-panel-trace {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
    overflow: visible;
}

.login-panel-trace__path {
    fill: none;
    stroke: rgba(162, 28, 175, 0.98);
    stroke-width: 1.1;
    stroke-linecap: round;
    stroke-dasharray: 14 86;
    stroke-dashoffset: 0;
    opacity: 0;
    filter: drop-shadow(0 0 6px rgba(162, 28, 175, 0.45));
}

.logintest-body.is-login-submitting .login-panel-trace__path {
    opacity: 1;
    animation: login-panel-trace-snake 1500ms linear infinite;
}

@keyframes login-panel-trace-snake {
    to {
        stroke-dashoffset: 100;
    }
}

@media (prefers-reduced-motion: reduce) {
    .logintest-body.is-login-submitting .login-panel-trace__path {
        animation: none;
    }
}