:root{--button-height: 40px;--button-padding: 10px;--button-padding-top: 0;--button-padding-bottom: 0;--button-bg: #fff;--button-bg-active: #0a4dc4;--button-border: none;--button-color: #0a4dc4;--button-color-active: #fff;--button-font-size: inherit;--button-font-weight: 600;--button-font-weight-active: 600;--button-group-columns: 1;--button-group-template: 1fr;--button-group-column-gap: 0;--button-group-margin: 0;--button-group-padding: 0;--button-group-position: flex-start;--button-group-width: auto}.button-group{grid-template-columns:repeat(var(--button-group-columns),var(--button-group-template));-moz-column-gap:var(--button-group-column-gap);column-gap:var(--button-group-column-gap);justify-content:var(--button-group-position);max-width:var(--button-group-width);min-height:var(--button-height);margin:var(--button-group-margin);padding:0 var(--button-group-padding)}.button-group>button{padding:var(--button-padding-top) var(--button-padding) var(--button-padding-bottom);background:var(--button-bg);border:var(--button-border);border-radius:var(--button-border-radius);color:var(--button-color);font-size:var(--button-font-size);font-weight:var(--button-font-weight)}.button-group>button[aria-pressed=true]{background:var(--button-bg-active);color:var(--button-color-active);font-weight:var(--button-font-weight-active);pointer-events:none}.button-group[data-theme=flat]{--button-bg: #fff;--button-bg-active: #a1b1bc;--button-border: 1px solid #dde7e8;--button-color: #2d3e50;--button-color-active: #fff;--button-font-weight: normal}.button-group[data-theme=flat]>button:not(:first-child){border-left:none}.button-group[data-theme=flat]>button:first-child{border-top-left-radius:30px;border-bottom-left-radius:30px}.button-group[data-theme=flat]>button:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px}.button-group[data-theme=flat-tab]{--button-group-column-gap: 15px;--button-height: auto;--button-padding: 0;--button-padding-bottom: 10px;--button-bg: transparent;--button-bg-active: transparent;--button-color: #a1b1bc;--button-color-active: #b0a06b}.button-group[data-theme=flat-tab]>button{border-bottom:3px solid transparent}.button-group[data-theme=flat-tab]>button[aria-pressed=true]{border-bottom-color:currentColor}.button-group[data-theme=tab]{--button-height: 65px;--button-group-column-gap: 12px;--button-bg: #dee4e6;--button-bg-active: #fff;--button-border: 1px solid var(--border-color);--button-border-radius: 5px 5px 0 0;--button-color: #808799;--button-color-active: #2d3e50;margin-bottom:-1px}.button-group[data-theme=tab]>button[aria-pressed=true]{border-bottom-color:var(--button-bg-active)}