.switch-container[data-v-f8ef10e2]{display:inline-flex;align-items:center}.switch-container .control[data-v-f8ef10e2]{padding:calc(var(--spacing) * .5);border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-zinc-200) var(--un-bg-opacity),transparent);display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;box-sizing:border-box}@supports (color: color-mix(in lab,red,red)){.switch-container .control[data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-zinc-200) var(--un-bg-opacity),transparent)}}.dark .switch-container .control[data-v-f8ef10e2]{background-color:color-mix(in srgb,var(--colors-zinc-700) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark $$ .switch-container .control[data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-zinc-700) var(--un-bg-opacity),transparent)}}.switch-container .control[data-v-f8ef10e2]:hover{background-color:color-mix(in srgb,var(--colors-zinc-250) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.switch-container .control[data-v-f8ef10e2]:hover{background-color:color-mix(in oklab,var(--colors-zinc-250) var(--un-bg-opacity),transparent)}}.dark .switch-container .control[data-v-f8ef10e2]:hover{background-color:color-mix(in srgb,var(--colors-zinc-650) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark $$ .switch-container .control[data-v-f8ef10e2]:hover{background-color:color-mix(in oklab,var(--colors-zinc-650) var(--un-bg-opacity),transparent)}}.switch-container .control[data-state=checked][data-v-f8ef10e2]{background-color:color-mix(in srgb,var(--colors-zinc-350) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.switch-container .control[data-state=checked][data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-zinc-350) var(--un-bg-opacity),transparent)}}.dark .switch-container .control[data-state=checked][data-v-f8ef10e2]{background-color:color-mix(in srgb,var(--colors-zinc-500) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark $$ .switch-container .control[data-state="checked"][data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-zinc-500) var(--un-bg-opacity),transparent)}}.switch-container .control[data-state=checked][data-v-f8ef10e2]:hover{background-color:color-mix(in srgb,var(--colors-zinc-400) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.switch-container .control[data-state=checked][data-v-f8ef10e2]:hover{background-color:color-mix(in oklab,var(--colors-zinc-400) var(--un-bg-opacity),transparent)}}.dark .switch-container .control[data-state=checked][data-v-f8ef10e2]:hover{background-color:color-mix(in srgb,var(--colors-zinc-550) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark $$ .switch-container .control[data-state="checked"][data-v-f8ef10e2]:hover{background-color:color-mix(in oklab,var(--colors-zinc-550) var(--un-bg-opacity),transparent)}}.switch-container .control[data-state=checked] .thumb[data-v-f8ef10e2]{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}.switch-container .control .thumb[data-v-f8ef10e2]{border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.switch-container .control .thumb[data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .switch-container .control .thumb[data-v-f8ef10e2]{background-color:color-mix(in srgb,var(--colors-zinc-900) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark $$ .switch-container .control .thumb[data-v-f8ef10e2]{background-color:color-mix(in oklab,var(--colors-zinc-900) var(--un-bg-opacity),transparent)}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}.switch-container.xs .control[data-v-f8ef10e2]{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 4)}.switch-container.xs .control .thumb[data-v-f8ef10e2]{width:.75rem;height:.75rem}.switch-container.xs .label[data-v-f8ef10e2]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));margin-left:calc(var(--spacing) * 1.5)}.switch-container.sm .control[data-v-f8ef10e2]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 4.5)}.switch-container.sm .control .thumb[data-v-f8ef10e2]{width:.875rem;height:.875rem}.switch-container.sm .label[data-v-f8ef10e2]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));margin-left:calc(var(--spacing) * 2)}.switch-container.md .control[data-v-f8ef10e2]{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 5)}.switch-container.md .control .thumb[data-v-f8ef10e2]{width:1rem;height:1rem}.switch-container.md .label[data-v-f8ef10e2]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));margin-left:calc(var(--spacing) * 2.5)}.switch-container.lg .control[data-v-f8ef10e2]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 5.5)}.switch-container.lg .control .thumb[data-v-f8ef10e2]{width:1.125rem;height:1.125rem}.switch-container.lg .label[data-v-f8ef10e2]{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight))}.switch-container .label[data-v-f8ef10e2]{color:inherit}