.token-address-box{max-width:475px;margin-top:23px;padding:15px 17px;border:1px solid var(--line);background:var(--surface);border-radius:17px;text-align:left}.token-address-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-bottom:8px}.token-address-value{display:flex;align-items:center;gap:12px;min-width:0}.token-address-value code{font-size:13px;line-height:1.5;overflow-wrap:anywhere;min-width:0;flex:1;user-select:all;color:var(--ink)}.copy-ca{flex-shrink:0;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--raised);color:var(--ink);font-size:12px}.copy-ca:disabled{opacity:.45;cursor:default}.token-address-box [data-token-status]{font-size:12px;line-height:1.4;color:var(--muted);margin-top:7px}.document .token-address-box{max-width:none;margin-block:22px}@media(max-width:900px){.hero .token-address-box{margin-inline:auto;max-width:400px}}
/* A quiet moving spectrum around the token address, without moving its contents. */
@property --token-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.token-address-box{position:relative;isolation:isolate;border:1px solid transparent!important;background:linear-gradient(var(--token-surface,#e9f4f7),var(--token-surface,#e9f4f7)) padding-box,conic-gradient(from var(--token-border-angle),#51cce6,#638cff,#bc6ffc,#ff79a8,#ff9852,#f3d873,#68dcbc,#51cce6) border-box!important;box-shadow:0 7px 26px -16px #5a99dd80;animation:token-border-orbit 7s linear infinite}
[data-theme='dark'] .token-address-box{--token-surface:#152d35;box-shadow:0 7px 30px -16px #51cce64d}
.token-address-box:focus-within{box-shadow:0 0 0 3px #51cce626,0 8px 32px -12px #638cff70}
@keyframes token-border-orbit{to{--token-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.token-address-box{animation:none}}