.gate-status-glyph{overflow:visible}.gate-status-ring{transition:stroke var(--morph-duration,.42s) ease}.gate-status-spinner{transform-origin:10px 10px;animation:1s linear infinite gate-status-spin}.gate-status-spinner-fade{opacity:0;transition:opacity var(--morph-duration,.42s) ease}.gate-status-glyph[data-active=true] .gate-status-spinner-fade{opacity:1}.gate-status-glyph[data-active=false] .gate-status-spinner{animation-play-state:paused}.gate-status-mark{d:var(--gate-mark-path);stroke-dasharray:1;stroke-dashoffset:0;transition:d var(--morph-duration,.42s) cubic-bezier(.22, 1, .36, 1), stroke var(--morph-duration,.42s) ease, stroke-dashoffset var(--morph-duration,.42s) cubic-bezier(.22, 1, .36, 1) var(--mark-delay,.1s), opacity .1s ease var(--mark-delay,.1s)}.gate-status-glyph[data-active=true] .gate-status-mark{stroke-dashoffset:1px;opacity:0;transition-delay:0s}.gate-status-glyph[data-resolved=true]{animation:gate-status-settle var(--morph-duration,.42s) cubic-bezier(.22, 1, .36, 1)}@keyframes gate-status-spin{to{transform:rotate(360deg)}}@keyframes gate-status-settle{0%,to{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.gate-status-glyph,.gate-status-glyph *{transition:none!important;animation:none!important}}