.button-group[data-v-47b9222f]{--border-radius:var(--system-radius-controlPrimary);--block-size:var(--system-size-controlMedium);background-color:var(--system-color-backgroundPrimary);display:flex}.button-group--small[data-v-47b9222f]{--block-size:var(--system-size-controlSmall)}.button-group--large[data-v-47b9222f]{--block-size:var(--system-size-controlLarge)}.button-group:not(.button-group--rounded) button[data-v-47b9222f-s]:first-of-type{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.button-group:not(.button-group--rounded) button[data-v-47b9222f-s]:last-of-type{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.button-group.button-group--rounded[data-v-47b9222f]{border:var(--system-size-6xSmall) solid var(--system-color-darkSlateGrayAlpha33);border-radius:var(--system-radius-pill);overflow:hidden;padding:var(--system-size-5xSmall)}.button-group--small.button-group--rounded[data-v-47b9222f]{--block-size:var(--system-size-controlSmall)}.button-group--medium.button-group--rounded[data-v-47b9222f]{--block-size:var(--system-size-6xLarge)}.button-group--large.button-group--rounded[data-v-47b9222f]{--block-size:var(--system-size-controlLarge)}.button-group.button-group--rounded[data-v-47b9222f] .button-group-option{aspect-ratio:1;border-radius:var(--system-radius-circle);min-inline-size:var(--block-size);padding-inline:0}.button-group.button-group--rounded[data-v-47b9222f] .button-group-option[aria-pressed=false]{background-color:transparent}.button-group-option[data-v-e2b06a83]{align-items:center;background-color:var(--system-color-backgroundQuaternary);block-size:var(--block-size);cursor:pointer;display:flex;gap:var(--system-size-2xSmall);justify-content:center;min-inline-size:var(--system-size-controlLarge);padding-inline:var(--system-size-small);transition-duration:var(--system-effect-durationFast);transition-property:color,background-color;transition-timing-function:var(--system-effect-easeDefault)}.button-group-option[aria-pressed=true][data-v-e2b06a83]{background-color:var(--system-color-pressedPrimary);color:var(--system-color-backgroundPrimary)}.button-group-option svg[data-v-e2b06a83-s]{block-size:var(--system-size-iconMedium);inline-size:var(--system-size-iconMedium)}.button-group-option[data-v-e2b06a83]:focus{outline:none}.button-group-option[data-v-e2b06a83]:focus-visible{outline:var(--system-size-focusIndicator) solid var(--system-color-focusIndicatorPrimary)}.button-group-option[aria-pressed=true][data-v-e2b06a83]:focus-visible{outline-offset:var(--system-size-focusIndicatorOffset)}.button-group-option[data-v-e2b06a83]:not([aria-pressed=true]):hover{background-color:var(--system-color-hoverTertiary)}.button-group-option--disabled[data-v-e2b06a83]{cursor:not-allowed;opacity:.5}