@layer components{[data-ui=toggle-group]{width:fit-content;transition:background-color var(--transition-standard-fast-effects), border-color var(--transition-standard-fast-effects);height:fit-content;display:flex}[data-ui=toggle-group][data-orientation=horizontal] [data-ui=toggle-group-item]:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}[data-ui=toggle-group][data-orientation=horizontal] [data-ui=toggle-group-item]:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}[data-ui=toggle-group][data-orientation=vertical]{flex-direction:column}[data-ui=toggle-group][data-orientation=vertical] [data-ui=toggle-group-item]:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}[data-ui=toggle-group][data-orientation=vertical] [data-ui=toggle-group-item]:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}[data-ui=toggle-group][data-size=lg]{border-radius:var(--radius-md)}[data-ui=toggle-group][data-size=md]{border-radius:var(--radius-sm)}[data-ui=toggle-group][data-size=sm]{border-radius:var(--radius-xs)}[data-ui=toggle-group] [data-ui=toggle-group-item]{white-space:nowrap;justify-content:center;align-items:center;gap:var(--spacing-4);height:var(--toggle-size);min-width:var(--toggle-size);color:var(--color-on-toggle);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-toggle);border:1px solid var(--color-toggle-border);transition:background-color var(--transition-expressive-fast-effects), border-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), color var(--transition-expressive-fast-effects);outline:0;text-decoration:none;display:inline-flex}[data-ui=toggle-group] [data-ui=toggle-group-item][data-size=lg]{--toggle-size:40px;padding-inline:var(--spacing-8);border-radius:var(--radius-md)}[data-ui=toggle-group] [data-ui=toggle-group-item][data-size=md]{--toggle-size:32px;padding-inline:var(--spacing-6);border-radius:var(--radius-sm)}[data-ui=toggle-group] [data-ui=toggle-group-item][data-size=sm]{--toggle-size:24px;padding-inline:var(--spacing-4);border-radius:var(--radius-xs)}[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=primary]{--color-toggle:var(--color-surface-container-lowest);--color-on-toggle:var(--color-on-surface);--color-toggle-border:var(--color-surface-container-high);--color-toggle-container:var(--color-primary-container);--color-on-toggle-container:var(--color-on-primary-container);--color-toggle-focus-ring:var(--color-primary);box-shadow:0 1px 2px 0 color-mix(in srgb, currentcolor 2%, transparent)}[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=primary][data-pressed]{color:var(--color-on-toggle-container);background-color:var(--color-toggle-container);border-color:#0000}@media (hover:hover) and (pointer:fine){[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=primary]:hover:not(:disabled,[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=primary][data-pressed]){color:var(--color-on-toggle-container);background-color:var(--color-toggle-container);border-color:#0000}}[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=ghost]{--color-toggle:transparent;--color-on-toggle:var(--color-on-surface);--color-toggle-border:transparent;--color-toggle-container:var(--color-surface-container-high);--color-on-toggle-container:var(--color-on-surface);--color-toggle-focus-ring:var(--color-primary)}[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=ghost][data-pressed]{color:var(--color-on-toggle-container);background-color:var(--color-toggle-container)}@media (hover:hover) and (pointer:fine){[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=ghost]:hover:not(:disabled,[data-ui=toggle-group] [data-ui=toggle-group-item][data-variant=ghost][data-pressed]){color:var(--color-on-toggle-container);background-color:var(--color-toggle-container)}}[data-ui=toggle-group] [data-ui=toggle-group-item]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-toggle-focus-ring) 35%, transparent)}[data-ui=toggle-group] [data-ui=toggle-group-item]:disabled{pointer-events:none;opacity:.38;border-color:#0000}[data-ui=toggle-group] [data-ui=toggle-group-item] svg{pointer-events:none;flex-shrink:0;width:18px;height:18px}[data-ui=toggle-group][data-grouped=false]{gap:var(--spacing-8)}[data-ui=toggle-group][data-grouped=true][data-variant=primary]{border:1px solid var(--color-surface-container-high)}[data-ui=toggle-group][data-grouped=true][data-variant=primary][data-orientation=vertical] [data-ui=toggle-group-item]:not(:last-child){border-bottom:1px solid var(--color-surface-container-highest)}[data-ui=toggle-group][data-grouped=true] [data-ui=toggle-group-item]{border:none;border-radius:0}}