.buttonList:where(.commonComponent){--_itemPaddingBlock: var(--spacing_2);--_backgroundColor: #fff;--_labelColor: var(--color_secondary);--_dividerColor: #aaa;--_radius: var(--radius_round);--_border: 1px solid var(--color_linePale);display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto;align-items:center;color:var(--_labelColor);border:var(--_border);border-radius:var(--_radius);overflow:hidden;background-color:var(--_backgroundColor)}.buttonList:where(.commonComponent) .buttonList__list{display:contents}.buttonList:where(.commonComponent) .buttonList__item{display:contents;cursor:pointer}.buttonList:where(.commonComponent) .buttonList__item+.buttonList__item:before{content:"";width:1px;height:calc(100% - var(--_itemPaddingBlock) * 2);background-color:var(--_dividerColor)}.buttonList:where(.commonComponent) .buttonList__itemButtonIcon{font-size:20px}.buttonList:where(.commonComponent) .buttonList__itemButton{align-self:stretch;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.08em;padding:var(--_itemPaddingBlock) var(--spacing_3)}.buttonList:where(.commonComponent) .buttonList__itemButton:not(:hover){transition:all .3s linear;background-color:transparent}.buttonList:where(.commonComponent) .buttonList__itemButton:hover{transition:all .5s linear;background-color:var(--_labelColor);color:var(--_backgroundColor)}.buttonList:where(.commonComponent) .buttonList__itemButtonLabel{margin-block:var(--trimLeading)}.buttonList:where(.commonComponent).buttonList--inheritWidth{width:-moz-fit-content;width:fit-content;grid-auto-columns:auto}.buttonList:where(.commonComponent).buttonList--large{--_itemPaddingBlock: var(--spacing_4)}.buttonList:where(.commonComponent).buttonList--large .buttonList__itemButtonLabel{font-size:14px;font-weight:600;line-height:1.2}@container (260px > width){.buttonList:where(.commonComponent){grid-auto-flow:row;border-radius:var(--radius_medium);--_itemPaddingBlock: 4px;padding-block:4px}.buttonList:where(.commonComponent) .buttonList__item+.buttonList__item:before{height:1px;width:100%;margin-inline:auto;background-color:var(--color_lineLight)}}