@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.switch{align-items:flex-start;gap:var(--spacing,.25rem);-webkit-tap-highlight-color:transparent;cursor:var(--cursor-interactive);--switch-control-bg:var(--default);--switch-control-border:var(--border-control);--switch-control-bg-hover:var(--switch-control-bg);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.switch{--switch-control-bg-hover:color-mix(in oklab, var(--switch-control-bg), transparent 20%)}}.switch{--switch-control-bg-pressed:var(--switch-control-bg-hover);--switch-control-bg-checked:var(--accent);--switch-control-bg-checked-hover:var(--accent-hover)}.switch[data-disabled=true],.switch[data-disabled=true] [data-slot=description],.switch[data-disabled=true] [data-slot=field-error]{opacity:var(--disabled-opacity);pointer-events:none;cursor:not-allowed}.switch[data-disabled=true] .switch__thumb{background-color:var(--default-foreground)}@supports (color:color-mix(in lab, red, red)){.switch[data-disabled=true] .switch__thumb{background-color:color-mix(in srgb, var(--default-foreground) 20%, transparent)}}.switch>[data-slot=description]{width:100%;min-width:0;padding-inline-start:3.25rem}.switch>[data-slot=field-error]{width:100%;min-width:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--muted);padding-inline-start:3.25rem}.switch.switch--sm>[data-slot=description],.switch.switch--sm>[data-slot=field-error]{padding-inline-start:2.75rem}.switch.switch--lg>[data-slot=description],.switch.switch--lg>[data-slot=field-error]{padding-inline-start:3.75rem}:is(.switch:disabled[aria-checked=true],.switch:disabled[data-selected=true],.switch[data-disabled=true][aria-checked=true],.switch[data-disabled=true][data-selected=true],.switch[aria-disabled=true][aria-checked=true],.switch[aria-disabled=true][data-selected=true]) .switch__thumb{opacity:.4}.switch__control{border-radius:var(--radius-xl,.75rem);--switch-track-w:2.5rem;--switch-thumb-w:1.375rem;--switch-inset:.125rem;height:1.25rem;width:var(--switch-track-w);background-color:var(--switch-control-bg);box-shadow:inset 0 0 0 var(--border-width-hairline) var(--switch-control-border);transition:background-color var(--motion-duration-standard) var(--ease-move), box-shadow var(--motion-duration-fast) var(--ease-enter);flex-shrink:0;align-items:center;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.switch__control{transition-property:none}}.switch:focus-visible .switch__control,.switch [data-slot=switch-content][data-focus-visible=true] .switch__control{outline:2px solid var(--focus);outline-offset:2px}.switch:has([data-slot=switch-content][data-focus-visible=true]) .switch__control{outline:2px solid var(--focus);outline-offset:2px}.switch:hover .switch__control,.switch [data-slot=switch-content][data-hovered=true] .switch__control{background-color:var(--switch-control-bg-hover)}.switch:has([data-slot=switch-content][data-hovered=true]) .switch__control{background-color:var(--switch-control-bg-hover)}.switch:active .switch__control,.switch [data-slot=switch-content][data-pressed=true] .switch__control{background-color:var(--switch-control-bg-pressed)}.switch:has([data-slot=switch-content][data-pressed=true]) .switch__control{background-color:var(--switch-control-bg-pressed)}@media (prefers-reduced-motion:reduce){.switch:active .switch__control,.switch [data-slot=switch-content][data-pressed=true] .switch__control{transform:none}.switch:has([data-slot=switch-content][data-pressed=true]) .switch__control{transform:none}}.switch[aria-checked=true] .switch__control,.switch[data-selected=true] .switch__control{--switch-control-border:transparent;background-color:var(--switch-control-bg-checked)}.switch[aria-checked=true]:hover .switch__control,.switch[data-selected=true]:hover .switch__control,.switch[aria-checked=true][data-hovered=true] .switch__control,.switch[data-selected=true][data-hovered=true] .switch__control,.switch[aria-checked=true]:active .switch__control,.switch[data-selected=true]:active .switch__control,.switch[aria-checked=true][data-pressed=true] .switch__control,.switch[data-selected=true][data-pressed=true] .switch__control{background-color:var(--switch-control-bg-checked-hover)}.switch:has([data-slot=switch-content][data-hovered=true])[data-selected=true] .switch__control{background-color:var(--switch-control-bg-checked-hover)}.switch:has([data-slot=switch-content][data-pressed=true])[data-selected=true] .switch__control{background-color:var(--switch-control-bg-checked-hover)}.switch__content{cursor:inherit;align-items:center;gap:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-outline-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--foreground);outline-style:none;display:inline-flex;position:relative}.switch--sm .switch__control{border-radius:var(--radius-lg,.5rem);--switch-track-w:2rem;--switch-thumb-w:1.03125rem;height:1rem}.switch--lg .switch__control{--switch-track-w:3rem;--switch-thumb-w:1.71875rem;height:1.5rem}.switch__thumb{transform-origin:50%;border-radius:var(--radius-lg,.5rem);--switch-travel:calc(var(--switch-track-w) - var(--switch-thumb-w) - 2 * var(--switch-inset));height:1rem;width:var(--switch-thumb-w);background-color:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-field);transition:translate var(--motion-duration-standard) var(--ease-move), scale var(--motion-duration-press) var(--ease-enter), background-color var(--motion-duration-standard) var(--ease-enter);margin-inline-start:var(--switch-inset);display:flex}@media (prefers-reduced-motion:reduce){.switch__thumb{transition-property:none}}.switch:active .switch__thumb,.switch[data-pressed=true] .switch__thumb{scale:calc(2 - var(--motion-press-scale)) 1}.switch[aria-checked=true] .switch__thumb,.switch[data-selected=true] .switch__thumb{translate:var(--switch-travel) 0;background-color:var(--accent-foreground);color:var(--accent);box-shadow:var(--elevation-1)}[dir=rtl] .switch[aria-checked=true] .switch__thumb,[dir=rtl] .switch[data-selected=true] .switch__thumb{translate:calc(var(--switch-travel) * -1) 0}.switch--sm .switch__thumb{border-radius:var(--radius-md,.375rem);height:.75rem}.switch--lg .switch__thumb{border-radius:var(--radius-xl,.75rem);height:1.25rem}.switch__thumb>*{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.switch__label{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground)}.switch [data-slot=label]{-webkit-user-select:none;user-select:none}.switch__content [data-slot=label]{cursor:var(--cursor-interactive)}.switch [data-slot=description]{cursor:default;-webkit-user-select:none;user-select:none}@property --tw-font-weight{syntax:"*";inherits:false}
