:root{--default-grid-pixels:8px;--default-header-height:64px}.comp-buttonbar{display:inline-flex}.comp-buttonbar button{border-radius:0;margin:0 -1px}.comp-buttonbar button:first-child{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);margin-left:0}.comp-buttonbar button:last-child{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius);margin-right:0}.comp-buttonbar button.primary,.comp-buttonbar button.primary:active{border:1px solid hsla(var(--comp-primary-dark2), 1);background-color:hsla(var(--comp-bright), 1);color:hsla(var(--comp-primary-dark2), 1)}.comp-buttonbar button.primary[selected],.comp-buttonbar button.primary:active[selected]{border:1px solid hsla(var(--comp-primary-dark2), 1);background-color:hsla(var(--comp-primary-dark2), 1);color:hsla(var(--comp-typo-primary), 1)}.comp-buttonbar button.secondary,.comp-buttonbar button.selected:active{border:1px solid hsla(var(--comp-secondary), 1);background:hsla(var(--background-container), 1);color:hsla(var(--comp-typo-secondary), 1)}.comp-buttonbar button.secondary[selected],.comp-buttonbar button.selected:active[selected]{border:1px solid hsla(var(--comp-secondary), 1);background-color:hsla(var(--comp-secondary), 1);color:hsla(var(--comp-bright), 1)}.comp-buttonbar button.naked[selected]{color:hsla(var(--comp-primary), 1)}.comp-buttonbar.narrow button{padding:0 7px}