@layer tx.components{.tx-toggle{justify-content:center;align-items:center;gap:var(--tx-toggle-gap,calc(var(--tx-space-unit) * 1.5));border-radius:var(--tx-toggle-radius,var(--tx-shape-radius-lg));font-family:inherit;font-size:var(--tx-toggle-font-size,var(--tx-type-label-size));font-weight:var(--tx-toggle-font-weight,var(--tx-type-label-weight));line-height:var(--tx-toggle-line-height,var(--tx-type-label-line));white-space:nowrap;user-select:none;cursor:pointer;color:var(--tx-foreground,CanvasText);transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--tx-motion-base,.2s);transition-timing-function:var(--tx-motion-easing,ease);background-color:#0000;border-style:solid;border-width:0;flex-shrink:0;margin:0;display:inline-flex;position:relative}.tx-toggle:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-toggle:disabled,.tx-toggle[data-disabled]{opacity:var(--tx-toggle-disabled-opacity,var(--tx-opacity-disabled));pointer-events:none;cursor:not-allowed}.tx-toggle :where(svg){inline-size:var(--tx-size-icon-sm);block-size:var(--tx-size-icon-sm);pointer-events:none;flex-shrink:0}.tx-toggle--sm{min-block-size:var(--tx-toggle-height-sm,var(--tx-size-control-sm));min-inline-size:var(--tx-toggle-height-sm,var(--tx-size-control-sm));padding-block:var(--tx-space-1);padding-inline:var(--tx-toggle-padding-inline-sm,var(--tx-space-2));font-size:.8125rem}.tx-toggle--md{min-block-size:var(--tx-toggle-height-md,var(--tx-size-control-md));min-inline-size:var(--tx-toggle-height-md,var(--tx-size-control-md));padding-block:calc(var(--tx-space-unit) * 1.5);padding-inline:var(--tx-toggle-padding-inline-md,var(--tx-space-3))}.tx-toggle--lg{min-block-size:var(--tx-toggle-height-lg,var(--tx-size-control-lg));min-inline-size:var(--tx-toggle-height-lg,var(--tx-size-control-lg));padding-block:var(--tx-space-2);padding-inline:var(--tx-toggle-padding-inline-lg,var(--tx-space-4));font-size:var(--tx-type-body-size)}.tx-toggle--default{background-color:#0000}.tx-toggle--default:hover:not(:disabled):not([data-disabled]){background-color:var(--tx-muted,color-mix(in srgb, CanvasText 6%, Canvas));color:var(--tx-foreground,CanvasText)}.tx-toggle--default[data-state=on]{background-color:var(--tx-toggle-on-bg,var(--tx-accent,var(--tx-primary,Highlight)));color:var(--tx-toggle-on-fg,var(--tx-accent-foreground,var(--tx-primary-foreground,CanvasText)))}.tx-toggle--outline{border-width:var(--tx-toggle-border-width,var(--tx-border-width-thin));border-color:var(--tx-input,var(--tx-border,ButtonBorder));background-color:var(--tx-surface,Canvas)}.tx-toggle--outline:hover:not(:disabled):not([data-disabled]){background-color:var(--tx-muted,color-mix(in srgb, CanvasText 6%, Canvas));color:var(--tx-foreground,CanvasText)}.tx-toggle--outline[data-state=on]{background-color:var(--tx-toggle-on-bg,var(--tx-accent,var(--tx-primary,Highlight)));border-color:var(--tx-toggle-on-border,var(--tx-accent,var(--tx-primary,Highlight)));color:var(--tx-toggle-on-fg,var(--tx-accent-foreground,var(--tx-primary-foreground,CanvasText)))}.tx-toggle-group{border-radius:var(--tx-toggle-radius,var(--tx-shape-radius-lg));align-items:stretch;gap:0;display:inline-flex}.tx-toggle-group--horizontal{flex-direction:row}.tx-toggle-group--vertical{flex-direction:column}.tx-toggle-group--default{background-color:var(--tx-muted,color-mix(in srgb, CanvasText 6%, Canvas));gap:.15rem;padding:.2rem}.tx-toggle-group--outline{border:var(--tx-toggle-border-width,var(--tx-border-width-thin)) solid var(--tx-input,var(--tx-border,ButtonBorder));background-color:var(--tx-surface,Canvas)}.tx-toggle-group--outline .tx-toggle{box-shadow:none;border-width:0;border-radius:0}.tx-toggle-group--outline.tx-toggle-group--horizontal .tx-toggle:not(:last-child){border-inline-end-width:var(--tx-toggle-border-width,var(--tx-border-width-thin));border-inline-end-style:solid;border-inline-end-color:var(--tx-input,var(--tx-border,ButtonBorder))}.tx-toggle-group--outline.tx-toggle-group--vertical .tx-toggle:not(:last-child){border-block-end-width:var(--tx-toggle-border-width,var(--tx-border-width-thin));border-block-end-style:solid;border-block-end-color:var(--tx-input,var(--tx-border,ButtonBorder))}.tx-toggle-group--outline.tx-toggle-group--horizontal .tx-toggle:first-child{border-start-start-radius:calc(var(--tx-toggle-radius,var(--tx-shape-radius-lg)) - var(--tx-toggle-border-width,var(--tx-border-width-thin)));border-end-start-radius:calc(var(--tx-toggle-radius,var(--tx-shape-radius-lg)) - var(--tx-toggle-border-width,var(--tx-border-width-thin)))}.tx-toggle-group--outline.tx-toggle-group--horizontal .tx-toggle:last-child{border-start-end-radius:calc(var(--tx-toggle-radius,var(--tx-shape-radius-lg)) - var(--tx-toggle-border-width,var(--tx-border-width-thin)));border-end-end-radius:calc(var(--tx-toggle-radius,var(--tx-shape-radius-lg)) - var(--tx-toggle-border-width,var(--tx-border-width-thin)))}.tx-toggle-group--default .tx-toggle{border-radius:calc(var(--tx-toggle-radius,var(--tx-shape-radius-lg)) - .1rem)}.tx-toggle-group--wrap{flex-wrap:wrap;max-inline-size:100%}.tx-toggle-group--outline.tx-toggle-group--wrap{gap:var(--tx-toggle-gap,calc(var(--tx-space-unit) * 1.5));background-color:#0000;border:0}.tx-toggle-group--outline.tx-toggle-group--horizontal.tx-toggle-group--wrap .tx-toggle{border:var(--tx-toggle-border-width,var(--tx-border-width-thin)) solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:var(--tx-toggle-radius,var(--tx-shape-radius-lg))}.tx-toggle-group--outline.tx-toggle-group--horizontal.tx-toggle-group--wrap .tx-toggle[data-state=on]{border-color:var(--tx-toggle-on-border,var(--tx-accent,var(--tx-primary,Highlight)))}.tx-toggle-group[data-disabled]{opacity:var(--tx-toggle-disabled-opacity,var(--tx-opacity-disabled));pointer-events:none}@media (forced-colors:active){.tx-toggle{forced-color-adjust:none;border:1px solid buttontext}.tx-toggle[data-state=on]{color:highlighttext;background:highlight}.tx-toggle-group--outline{border-color:buttontext}}}
