.metal-chip-wrapper{display:inline-flex}.metal-chip-container{flex-direction:column;flex-shrink:0;align-items:center;min-width:50px;display:flex}.metal-chip-button{cursor:default;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:border-color .15s,opacity .15s;display:flex;position:relative}.metal-chip-button.selected{border-color:var(--color-text-inverse,#fff)}.metal-chip-button.interactive{cursor:pointer}.metal-chip-button.interactive:hover{opacity:.9}.metal-chip-button:focus{outline:none}.metal-chip-button:focus-visible{outline:2px solid var(--color-accent,#6ea4b2);outline-offset:2px}.metal-chip-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001f,inset 0 -1px 2px #ffffff1a}.metal-chip-circle:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);height:30%;position:absolute;top:10%;left:20%;right:20%}.metal-chip-code{z-index:1;font-weight:700;position:relative}.metal-chip-external-label{text-align:center;color:var(--color-text-secondary,#666);white-space:nowrap;margin-top:6px;font-size:11px;font-weight:400;line-height:1.2}.metal-chip-external-label.selected{color:var(--color-text-primary,#1a1a1a);font-weight:500}