.gate-copy-slot{align-items:center;width:100%;min-width:0;min-height:28px;display:inline-grid;position:relative}.gate-copy-current,.gate-copy-exit{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;align-items:center;min-width:0;min-height:28px;display:flex;overflow:hidden}.gate-copy-current>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.gate-copy-exit{pointer-events:none;animation:gate-copy-out calc(var(--swap-time,.19s) * .8) ease-out both;position:absolute;inset:0}.gate-copy-slot[data-changing=true] .gate-copy-current{animation:gate-copy-in var(--swap-time,.19s) cubic-bezier(.16, 1, .3, 1) both}.gate-copy-number{font-variant-numeric:tabular-nums;display:inline-block}.gate-copy-number[data-animate=true]{animation:gate-copy-pop var(--pop-time,.25s) cubic-bezier(.22, 1, .36, 1) backwards}.gate-copy-loading{--shimmer-spread:2.5ch;--shimmer-duration:2.4s}.gate-copy-loading .gate-copy-number{-webkit-text-fill-color:currentColor}@keyframes gate-copy-out{to{opacity:0;transform:translateY(-3px)}}@keyframes gate-copy-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-copy-pop{0%{opacity:0;transform:translateY(4px)scale(.9)}65%{opacity:1;transform:translateY(-1px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.gate-copy-current,.gate-copy-exit,.gate-copy-number{animation:none!important}.gate-copy-exit{display:none}}.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}}
