@layer components{.test-mode-badge{font-size:var(--text-xs);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:#d3ff1b;pointer-events:none;font-synthesis:none;background:linear-gradient(109.983deg,#202025 0%,#1a1a1e 97.857%);border:1px solid #5c674e;border-radius:999px;align-items:center;padding:.36rem .72rem;font-weight:400;line-height:1;animation:1.8s ease-in-out infinite test-mode-breath;display:inline-flex;box-shadow:inset -1px -1px 1px #0000001f,inset 1px 1px 3px #30303680,0 0 18px #d3ff1b29}@keyframes test-mode-breath{0%,to{color:#d3ff1bd1;border-color:#5c674ef2;box-shadow:inset -1px -1px 1px #0000001f,inset 1px 1px 3px #30303680,0 0 #d3ff1b00}50%{color:#d3ff1b;border-color:#d3ff1bb8;box-shadow:inset -1px -1px 1px #0000001f,inset 1px 1px 3px #30303680,0 0 18px 2px #d3ff1b52}}@media (prefers-reduced-motion:reduce){.test-mode-badge{border-color:#d3ff1b9e;animation:none;box-shadow:inset -1px -1px 1px #0000001f,inset 1px 1px 3px #30303680,0 0 14px 1px #d3ff1b38}}.test-mode-badge--floating{top:var(--space-3);right:var(--space-3);z-index:6;position:absolute}.test-mode-badge--inline{margin:0 auto}}