.xB{background-color:rgba(0,0,0,0);border:0;padding:0;font-family:inherit;-webkit-text-decoration:none;text-decoration:none;color:var(--figma-color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background-color .15s,border .15s}.xC{border-radius:50%}.xD{width:60px;height:60px}.xE{width:48px;height:48px}.xF{width:36px;height:36px}.xG,.xG:visited{color:var(--figma-color-bg-white-100);background-color:var(--figma-color-bg-black-100);border:0}.xG:hover,.xG:visited:hover{background-color:var(--figma-color-bg-black-70)}.xG.xH,.xG:visited.xH{color:var(--figma-color-bg-white-70);background-color:var(--figma-color-bg-black-20)}.xI,.xI:visited{color:var(--figma-color-bg-black-100);background-color:rgba(0,0,0,0);border:1px solid var(--figma-color-bg-black-100)}.xI.xH,.xI:hover,.xI:visited.xH,.xI:visited:hover{border:1px solid var(--figma-color-bg-black-20)}.xI.xH,.xI:visited.xH{color:var(--figma-color-bg-black-20)}.xJ,.xJ:visited{color:var(--figma-color-bg-black-100);background-color:rgba(0,0,0,0);border:1px solid var(--figma-color-bg-gray)}.xJ:hover,.xJ:visited:hover{border:1px solid var(--figma-color-bg-black-100)}.xJ.xH,.xJ:visited.xH{color:var(--figma-color-bg-black-20);border:1px solid var(--figma-color-bg-black-20)}.xK,.xK:visited{color:var(--figma-color-bg-black-100);background-color:var(--figma-color-bg-white-100);border:0}.xK:hover,.xK:visited:hover{background-color:var(--figma-color-bg-white-70)}.xK.xH,.xK:visited.xH{color:var(--figma-color-bg-white-40);background-color:var(--figma-color-bg-white-20)}.xL,.xL:visited{color:var(--figma-color-bg-white-100);background-color:var(--figma-color-bg-black-100);border:1px solid var(--figma-color-bg-white-100)}.xL:hover,.xL:visited:hover{border:1px solid var(--figma-color-bg-white-70)}.xL.xH,.xL:visited.xH{color:var(--figma-color-bg-white-40);border:1px solid var(--figma-color-bg-white-20)}.xB{outline-offset:3px}