.aui-toggle-group{background:transparent;border:1px solid var(--color-border);border-radius:var(--aui-radius-md);display:inline-flex;gap:1.5px;overflow:hidden;padding:1.5px}.aui-toggle-group[data-orientation=vertical]{flex-direction:column}.aui-toggle-group-item{align-items:center;border:0;border-radius:var(--aui-radius-sm);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--aui-toggle-gap);justify-content:center;transition:background-color var(--aui-transition-fast) var(--aui-ease-default),color var(--aui-transition-fast) var(--aui-ease-default),transform var(--aui-transition-fast) var(--aui-ease-default);-webkit-user-select:none;-moz-user-select:none;user-select:none}.aui-toggle-group-item:hover:not(.is-disabled){z-index:10}.aui-toggle-group-item:active:not(.is-disabled){transform:scale(.98)}.aui-toggle-group-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;z-index:1}.aui-toggle-group-item.is-disabled{cursor:not-allowed;opacity:.5}.aui-toggle-group-icon{height:1em;width:1em}.aui-toggle-group[data-size=sm] .aui-toggle-group-item{font-size:.75rem;height:2rem;padding:var(--aui-toggle-padding-sm)}.aui-toggle-group[data-size=md] .aui-toggle-group-item{font-size:.875rem;height:2.5rem;padding:var(--aui-toggle-padding-md)}.aui-toggle-group[data-size=lg] .aui-toggle-group-item{font-size:1rem;height:3rem;padding:var(--aui-toggle-padding-lg)}.aui-toggle-group[data-variant=solid] .aui-toggle-group-item{background:var(--color-surface);color:var(--color-foreground)}.aui-toggle-group[data-variant=solid] .aui-toggle-group-item:hover:not(.is-disabled):not([data-state=on]){background:var(--color-surface-2)}.aui-toggle-group[data-variant=solid] .aui-toggle-group-item[data-state=on]{background:var(--_toggle-color);color:var(--_toggle-on-color)}.aui-toggle-group[data-variant=solid] .aui-toggle-group-item[data-state=on]:hover:not(.is-disabled){filter:brightness(1.1)}.aui-toggle-group[data-variant=outline] .aui-toggle-group-item{background:var(--color-surface);color:var(--color-foreground)}.aui-toggle-group[data-variant=outline] .aui-toggle-group-item:hover:not(.is-disabled):not([data-state=on]){background:var(--color-surface-2)}.aui-toggle-group[data-variant=outline] .aui-toggle-group-item[data-state=on]{background:var(--_toggle-color);color:var(--_toggle-on-color)}.aui-toggle-group[data-variant=outline] .aui-toggle-group-item[data-state=on]:hover:not(.is-disabled){filter:brightness(1.1)}.aui-toggle-group[data-variant=soft] .aui-toggle-group-item{background:var(--color-surface);color:var(--color-foreground)}.aui-toggle-group[data-variant=soft] .aui-toggle-group-item:hover:not(.is-disabled):not([data-state=on]){background:var(--color-surface-2)}.aui-toggle-group[data-variant=soft] .aui-toggle-group-item[data-state=on]{background:color-mix(in srgb,var(--_toggle-color) 15%,transparent);color:var(--_toggle-color)}.aui-toggle-group[data-variant=soft] .aui-toggle-group-item[data-state=on]:hover:not(.is-disabled){background:color-mix(in srgb,var(--_toggle-color) 25%,transparent)}.aui-toggle-group[data-variant=ghost] .aui-toggle-group-item{background:transparent;color:var(--color-foreground)}.aui-toggle-group[data-variant=ghost] .aui-toggle-group-item:hover:not(.is-disabled):not([data-state=on]){background:var(--color-surface-2)}.aui-toggle-group[data-variant=ghost] .aui-toggle-group-item[data-state=on]{background:color-mix(in srgb,var(--_toggle-color) 15%,transparent);color:var(--_toggle-color)}.aui-toggle-group[data-variant=ghost] .aui-toggle-group-item[data-state=on]:hover:not(.is-disabled){background:color-mix(in srgb,var(--_toggle-color) 25%,transparent)}.aui-toggle-group[data-variant=outline] .aui-toggle-group-item.is-disabled[data-state=on],.aui-toggle-group[data-variant=solid] .aui-toggle-group-item.is-disabled[data-state=on]{background:var(--_toggle-color);color:var(--_toggle-on-color)}.aui-toggle-group[data-variant=ghost] .aui-toggle-group-item.is-disabled[data-state=on],.aui-toggle-group[data-variant=soft] .aui-toggle-group-item.is-disabled[data-state=on]{background:color-mix(in srgb,var(--_toggle-color) 15%,transparent);color:var(--_toggle-color)}
