@layer ui{.ui-button-group{border-radius:var(--ui-radius-md);max-width:100%;box-shadow:var(--ui-shadow-xs);display:inline-flex;position:relative}.ui-button-group:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ui-border-primary), inset 0 -2px 0 0 var(--ui-shadow-skeuomorphic-inner);pointer-events:none;position:absolute;inset:0}.ui-button-group__item{border:0;border-right:1px solid var(--ui-border-primary);background:var(--ui-bg-primary);color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-sm);font-weight:var(--ui-weight-semibold);white-space:nowrap;transition:background-color var(--ui-duration) var(--ui-ease), color var(--ui-duration) var(--ui-ease);outline:none;flex:auto;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex;position:relative}.ui-button-group__item:first-child{border-radius:var(--ui-radius-md) 0 0 var(--ui-radius-md)}.ui-button-group__item:last-child{border-radius:0 var(--ui-radius-md) var(--ui-radius-md) 0;border-right:0}.ui-button-group__item:only-child{border-radius:var(--ui-radius-md)}.ui-button-group--md .ui-button-group__item{padding:10px 16px}.ui-button-group__item--icon.ui-button-group__item--labelled{padding-left:12px}.ui-button-group__item--icon:not(.ui-button-group__item--labelled){padding:8px 12px}.ui-button-group__item .ui-icon{color:var(--ui-fg-quaternary)}.ui-button-group__item:hover:not(:disabled),.ui-button-group__item[aria-pressed=true]{background:var(--ui-bg-primary-hover);color:var(--ui-text-secondary-hover)}.ui-button-group__item:hover:not(:disabled) .ui-icon,.ui-button-group__item[aria-pressed=true] .ui-icon{color:var(--ui-fg-quaternary-hover)}.ui-button-group__item:focus-visible{z-index:2;box-shadow:var(--ui-focus-ring)}.ui-button-group__item:disabled{cursor:not-allowed}.ui-button-group__item:disabled>*{opacity:.5}}