@layer base{.switch{--switch-size:calc(var(--size-selector,.25rem) * 6);height:var(--switch-size);width:calc(var(--switch-size) * 1.75);background-color:var(--color-base-content);border-radius:9999px;flex-shrink:0;align-items:center;padding:2px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.switch{background-color:color-mix(in oklab,var(--color-base-content) 25%,var(--color-base-100))}}.switch{cursor:pointer;transition-property:background-color,box-shadow;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1))}.switch:focus-visible{outline:var(--focus-width,2px) solid var(--switch-accent,var(--color-primary));outline-offset:var(--focus-offset,2px)}.switch[data-checked]{background-color:var(--switch-accent,var(--color-primary))}.switch[data-disabled]{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.switch-thumb{width:calc(var(--switch-size) - 4px);height:calc(var(--switch-size) - 4px);background-color:var(--color-base-100);transition-property:translate;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));border-radius:9999px;display:block;box-shadow:0 1px 3px #0000004d}.switch[data-checked] .switch-thumb{translate:calc(var(--switch-size) * .75)}.switch-xs{--switch-size:calc(var(--size-selector,.25rem) * 4)}.switch-sm{--switch-size:calc(var(--size-selector,.25rem) * 5)}.switch-md{--switch-size:calc(var(--size-selector,.25rem) * 6)}.switch-lg{--switch-size:calc(var(--size-selector,.25rem) * 7)}.switch-xl{--switch-size:calc(var(--size-selector,.25rem) * 8)}.switch-primary{--switch-accent:var(--color-primary);--switch-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-primary{--switch-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-secondary{--switch-accent:var(--color-secondary);--switch-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-secondary{--switch-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-accent{--switch-accent:var(--color-accent);--switch-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-accent{--switch-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-neutral{--switch-accent:var(--color-neutral);--switch-ink:var(--color-base-content)}.switch-info{--switch-accent:var(--color-info);--switch-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-info{--switch-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-success{--switch-accent:var(--color-success);--switch-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-success{--switch-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-warning{--switch-accent:var(--color-warning);--switch-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-warning{--switch-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-error{--switch-accent:var(--color-error);--switch-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-error{--switch-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.switch-brand{--switch-accent:var(--color-brand);--switch-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.switch-brand{--switch-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}