.environment-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.environment-badge--small{gap:.25rem;padding:.25rem .5rem;font-size:.625rem}.environment-badge--medium{gap:.375rem;padding:.375rem .75rem;font-size:.75rem}.environment-badge--large{gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.environment-badge__icon{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.environment-badge--small .environment-badge__icon{width:.375rem;height:.375rem}.environment-badge--large .environment-badge__icon{width:.625rem;height:.625rem}.environment-badge__label{display:inline-block}.environment-badge--testnet{color:#0f8;background-color:#00ff8826;border:1px solid #00ff884d}.environment-badge--testnet .environment-badge__icon{background-color:#0f8;box-shadow:0 0 8px #0f89}.environment-badge--testnet:hover{background-color:#00ff8840;border-color:#00ff8880}.environment-badge--mainnet{color:#0fc;background-color:#00ffcc26;border:1px solid #00ffcc4d}.environment-badge--mainnet .environment-badge__icon{background-color:#0fc;box-shadow:0 0 8px #0fc9}.environment-badge--mainnet:hover{background-color:#00ffcc40;border-color:#00ffcc80}.environment-badge--unsupported{color:#f66;background-color:#ff666626;border:1px solid #ff66664d}.environment-badge--unsupported .environment-badge__icon{background-color:#f66;box-shadow:0 0 8px #f669}.environment-badge--unsupported:hover{background-color:#ff666640;border-color:#ff666680}@media (prefers-reduced-motion:reduce){.environment-badge{transition:none}}@media (prefers-color-scheme:light){.environment-badge--testnet{color:#084;background-color:#00c8641a;border-color:#00c8644d}.environment-badge--testnet .environment-badge__icon{background-color:#084}.environment-badge--mainnet{color:#066;background-color:#00b4961a;border-color:#00b4964d}.environment-badge--mainnet .environment-badge__icon{background-color:#066}.environment-badge--unsupported{color:#c00;background-color:#c832321a;border-color:#c832324d}.environment-badge--unsupported .environment-badge__icon{background-color:#c00}}