.gen-switch{align-items:center;border-color:transparent;border-radius:9999px;border-width:2px;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.25rem;width:2.25rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gen-switch:focus-visible{outline:2px solid transparent;outline-offset:2px;--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(2px + 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);--tw-ring-offset-width:2px}.gen-switch:disabled{cursor:not-allowed;opacity:.5}.gen-switch-mode-on-off{background-color:var(--gen-styles-highlight-error-color)}.gen-switch-mode-on-off:focus-visible{--tw-ring-color:var(--gen-styles-neutral-gray);--tw-ring-offset-color:var(--gen-styles-neutral-gray-lightest)}.gen-switch-mode-on-off[data-state=checked]{background-color:var(--gen-styles-highlight-success-color)}.gen-switch-mode-on-off[data-state=unchecked]{background-color:var(--gen-styles-highlight-error-color)}.gen-switch-mode-ondisplay-hidden{background-color:var(--gen-styles-primary-accent-alt-color)}.gen-switch-mode-ondisplay-hidden:focus-visible{--tw-ring-color:var(--gen-styles-neutral-gray);--tw-ring-offset-color:var(--gen-styles-neutral-gray-lightest)}.gen-switch-mode-ondisplay-hidden[data-state=checked]{background-color:var(--gen-styles-status-extra-color)}.gen-switch-mode-ondisplay-hidden[data-state=unchecked]{background-color:var(--gen-styles-primary-accent-alt-color)}.gen-switch-mode-yearly-monthly{background-color:var(--gen-styles-neutral-black)}.gen-switch-mode-yearly-monthly:focus-visible{--tw-ring-color:var(--gen-styles-neutral-gray);--tw-ring-offset-color:var(--gen-styles-neutral-gray-lightest)}.gen-switch-mode-yearly-monthly[data-state=checked]{background-color:var(--gen-styles-primary-accent-alt-color)}.gen-switch-mode-yearly-monthly[data-state=unchecked]{background-color:var(--gen-styles-neutral-black)}.gen-switch-stack{display:flex;flex-direction:column}.gen-switch-block{align-items:flex-start;display:flex}.gen-switch-on-label-icon{left:.25rem}.gen-switch-off-label-icon,.gen-switch-on-label-icon{color:var(--gen-styles-neutral-white);position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gen-switch-off-label-icon{right:.25rem}.gen-switch-show-icon{opacity:1}.gen-switch-hide-icon{opacity:0}.gen-switch-thumb{background-color:var(--gen-styles-neutral-white);border-radius:9999px;display:block;height:1rem;pointer-events:none;width:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px 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(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-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gen-switch-thumb[data-state=checked]{--tw-translate-x:1rem}.gen-switch-thumb[data-state=checked],.gen-switch-thumb[data-state=unchecked]{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))}.gen-switch-thumb[data-state=unchecked]{--tw-translate-x:0px}.gen-switch-thumb-on-icon{border-radius:9999px;color:var(--gen-styles-neutral-gray-darkest)}.gen-switch-thumb-off-icon{border-radius:9999px;color:var(--gen-styles-highlight-error-color)}.gen-switch-thumb-ondisplay-icon{border-radius:9999px;color:var(--gen-styles-status-extra-color)}.gen-switch-thumb-hidden-icon,.gen-switch-thumb-yearly-icon{border-radius:9999px;color:var(--gen-styles-primary-accent-alt-color)}.gen-switch-thumb-monthly-icon{border-radius:9999px;color:var(--gen-styles-neutral-black)}.gen-switch-checked-label{font-size:.75rem;line-height:1rem;margin-top:2px}.gen-switch-checked-label-left{display:flex;margin-right:.5rem;position:relative}.gen-switch-checked-label-right{display:flex;margin-left:.5rem;position:relative}