.button-group{display:inline-flex;align-items:stretch;max-inline-size:100%;isolation:isolate}.button-group>.btn{position:relative;min-inline-size:0;flex:1 1 auto;border-radius:0}.button-group>.btn:first-child{border-start-start-radius:max(var(--control-radius,7px),calc((var(--control-radius,7px) - 22px)*999));border-end-start-radius:max(var(--control-radius,7px),calc((var(--control-radius,7px) - 22px)*999))}.button-group>.btn:last-child{border-start-end-radius:max(var(--control-radius,7px),calc((var(--control-radius,7px) - 22px)*999));border-end-end-radius:max(var(--control-radius,7px),calc((var(--control-radius,7px) - 22px)*999))}.button-group>.btn+.btn{margin-inline-start:-1px}.button-group>.btn:is(:hover,:focus-visible){z-index:1}.button-group>.btn:focus-visible{z-index:2}.button-group-vertical{flex-direction:column}.button-group-vertical>.btn{border-radius:0}.button-group-vertical>.btn+.btn{margin-inline-start:0;margin-block-start:-1px}.button-group-vertical>.btn:first-child{border-start-start-radius:var(--control-radius,7px);border-start-end-radius:var(--control-radius,7px);border-end-start-radius:0}.button-group-vertical>.btn:last-child{border-end-start-radius:var(--control-radius,7px);border-end-end-radius:var(--control-radius,7px);border-start-end-radius:0}.button-group>.btn:only-child{border-radius:var(--control-radius,7px)}.button-group-full{display:flex;inline-size:100%}@media(max-width:480px){.button-group:not(.button-group-vertical)>.btn{padding-inline:12px}}.button-group>.btn-icon{height:auto;align-self:stretch}.button-group>.btn[aria-pressed=true]{background:var(--tint);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}