.fluid-switch-container{--fluid-switch-width:24px;--fluid-switch-height:24px;--fluid-switch-active-width:52px;--fluid-switch-active-color:#00a976;--fluid-switch-transition:.4s cubic-bezier(.4, 0, .2, 1);--fluid-switch-inactive-bg:#fff6;--fluid-switch-inactive-border:#ffffff80;width:var(--fluid-switch-active-width);justify-content:center;align-items:center;display:inline-flex}@supports (color:lab(0% 0 0)){.fluid-switch-container{--fluid-switch-active-color:lab(61.8916% -66.3202 21.3261)}}.fluid-switch-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.fluid-switch-label{width:var(--fluid-switch-width);height:var(--fluid-switch-height);cursor:pointer;box-shadow:none;transition:width var(--fluid-switch-transition), border-radius var(--fluid-switch-transition), border-color var(--fluid-switch-transition), box-shadow var(--fluid-switch-transition), background var(--fluid-switch-transition);background:#0000000f;border:1px solid #0000001f;border-radius:50%;margin-left:auto;margin-right:auto;display:block;position:relative}.fluid-switch-label:after{content:"";width:8px;height:8px;transition:all var(--fluid-switch-transition);background:#00000026;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fluid-switch-input:checked+.fluid-switch-label{width:var(--fluid-switch-active-width);border-color:var(--fluid-switch-active-color);box-shadow:none;background:#0000000a;border-width:1px;border-radius:9999px}.fluid-switch-input:checked+.fluid-switch-label:after{background:var(--fluid-switch-active-color);opacity:.7;width:20px;height:20px;box-shadow:none;border-radius:50%}.fluid-switch-label:hover{border-color:var(--ring,#555)}@supports (color:lab(0% 0 0)){.fluid-switch-label:hover{border-color:var(--ring,lab(36.2% 0 .00000596046))}}.fluid-switch-input:focus-visible+.fluid-switch-label{outline:2px solid var(--ring,#555);outline-offset:2px}@supports (color:lab(0% 0 0)){.fluid-switch-input:focus-visible+.fluid-switch-label{outline:2px solid var(--ring,lab(36.2% 0 .00000596046))}}.fluid-switch-container[data-disabled]{opacity:.5;pointer-events:none}.fluid-switch-container[data-disabled] .fluid-switch-label{cursor:not-allowed}.fluid-switch-container[data-size=sm]{--fluid-switch-width:20px;--fluid-switch-height:20px;--fluid-switch-active-width:44px}.fluid-switch-container[data-size=sm] .fluid-switch-label:after{width:6px;height:6px}.fluid-switch-container[data-size=sm] .fluid-switch-input:checked+.fluid-switch-label{border-radius:9999px}.fluid-switch-container[data-size=sm] .fluid-switch-input:checked+.fluid-switch-label:after{width:16px;height:16px}.fluid-switch-container[data-size=lg]{--fluid-switch-width:28px;--fluid-switch-height:28px;--fluid-switch-active-width:64px}.fluid-switch-container[data-size=lg] .fluid-switch-label:after{width:10px;height:10px}.fluid-switch-container[data-size=lg] .fluid-switch-input:checked+.fluid-switch-label{border-radius:9999px}.fluid-switch-container[data-size=lg] .fluid-switch-input:checked+.fluid-switch-label:after{width:26px;height:26px}.dark .fluid-switch-label{box-shadow:none;background:#ffffff14;border-color:#ffffff26}.dark .fluid-switch-input:checked+.fluid-switch-label{box-shadow:none;background:#ffffff0f}