.button-list:where(.dt-commons){--button-list-item-padding_block: var(--spacing_2);--button-list-background-color: #fff;--button-list-label-color: var(--color_secondary);--button-list-divider-color: #aaa;--button-list-radius: var(--radius_round);--button-list-border: 1px solid var(--color_line-pale);display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto;align-items:center;color:var(--button-list-label-color);border:var(--button-list-border);border-radius:var(--button-list-radius);overflow:hidden;background-color:var(--button-list-background-color)}.button-list:where(.dt-commons) .button-list__list{display:contents}.button-list:where(.dt-commons) .button-list__item{display:contents;cursor:pointer}.button-list:where(.dt-commons) .button-list__item+.button-list__item:before{content:"";width:1px;height:calc(100% - var(--button-list-item-padding_block) * 2);background-color:var(--button-list-divider-color)}.button-list:where(.dt-commons) .button-list__item-button-icon{font-size:20px}.button-list:where(.dt-commons) .button-list__item-button{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(--button-list-item-padding_block) var(--spacing_3)}.button-list:where(.dt-commons) .button-list__item-button:not(:hover){transition:all .3s linear;background-color:transparent}.button-list:where(.dt-commons) .button-list__item-button:hover{transition:all .5s linear;background-color:var(--button-list-label-color);color:var(--button-list-background-color)}.button-list:where(.dt-commons) .button-list__item-button-label{margin-block:var(--trim-leading)}.button-list:where(.dt-commons).button-list--inherit-width{width:-moz-fit-content;width:fit-content;grid-auto-columns:auto}.button-list:where(.dt-commons).button-list--large{--button-list-item-padding_block: var(--spacing_4)}.button-list:where(.dt-commons).button-list--large .button-list__item-button-label{font-size:14px;font-weight:600;line-height:1.2}@container (260px > width){.button-list:where(.dt-commons){grid-auto-flow:row;border-radius:var(--radius_medium);--button-list-item-padding_block: 4px;padding-block:4px}.button-list:where(.dt-commons) .button-list__item+.button-list__item:before{height:1px;width:100%;margin-inline:auto;background-color:var(--color_line-light)}}