@scope([data-example]){[data-slot=toggle]{justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;min-width:var(--size);height:var(--size);padding-inline:var(--space-3);border-radius:var(--radius-control);box-shadow:none;color:var(--ink);font:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;background:0 0;border:0;flex-shrink:0;font-weight:500;transition:scale .1s ease-out,box-shadow .1s ease-out,background-color .12s,color .12s;display:inline-flex}[data-slot=toggle]:hover:not([data-disabled],[data-pressed]){background:var(--tint)}[data-slot=toggle]:active:not([data-disabled]){scale:.97}[data-slot=toggle][data-pressed]{background:var(--ink);color:var(--paper)}[data-slot=toggle][data-disabled]{color:var(--line-disabled)}[data-slot=toggle][data-disabled][data-pressed]{background:var(--line-faint)}[data-slot=toggle][aria-label]:has(>[data-slot=toggle-icon]:only-child){width:var(--size);padding:0}[data-slot=toggle]:focus-visible{z-index:1;position:relative}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *){background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);padding-inline:14px}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *):hover:not([data-disabled],[data-pressed]){background:var(--tint)}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *):active:not([data-disabled]){box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop-pressed)}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *)[data-pressed]{background:var(--ink)}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *)[data-disabled]{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-faint)}[data-slot=toggle]:not([data-variant=ghost],[data-slot=toggle-group] *)[data-disabled][data-pressed]{background:var(--line-faint)}[data-slot=toggle-icon]{display:flex}[data-pressed]>[data-slot=toggle-icon][data-variant=fill] svg{fill:currentColor}[data-slot=toggle-group]{gap:2px;width:fit-content;display:flex}[data-slot=toggle-group][data-orientation=vertical]{flex-direction:column}[data-slot=toggle-group] [data-slot=toggle]{border-radius:var(--radius-row)}[data-slot=toggle-group]:not([data-slot=toolbar] *){border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);padding:3px}[data-slot=toggle-group]:not([data-slot=toolbar] *) [data-slot=toggle]{height:var(--size-sm);min-width:var(--size-sm)}[data-slot=toggle-group]:not([data-slot=toolbar] *) [data-slot=toggle][aria-label]{width:var(--size-sm);padding-inline:0}:scope[data-example=toggle\/basic] [data-slot=card]{align-items:center;width:20rem;max-width:100%}:scope[data-example=toggle\/basic] [data-slot=card] [data-slot=stack]{flex:1;min-width:0}}