.custom-toggle{position:relative;display:inline-flex;height:1.25rem;width:2.5rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px}.custom-toggle .base{pointer-events:none;position:absolute;width:100%;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.custom-toggle .bar{pointer-events:none;position:absolute;margin-left:auto;margin-right:auto;height:1rem;width:2.25rem;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-toggle .bar.active{--tw-bg-opacity:1;background-color:rgb(13 112 56/var(--tw-bg-opacity,1))}.custom-toggle .bar.inactive{--tw-bg-opacity:1;background-color:rgb(129 129 129/var(--tw-bg-opacity,1))}.custom-toggle .dot{pointer-events:none;position:absolute;left:0;display:inline-block;height:1.25rem;width:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-toggle .dot.active{--tw-translate-x:1.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.custom-toggle .dot.active,.custom-toggle .dot.inactive{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.custom-toggle .dot.inactive{--tw-translate-x:0px;--tw-bg-opacity:1;background-color:rgb(77 77 77/var(--tw-bg-opacity,1))}