.rf-switch{cursor:pointer;flex-wrap:wrap;align-items:center;padding:2px;display:inline-flex}.rf-switch .rf-switch__content{flex-direction:column;align-items:flex-start;margin-left:8px;display:flex}.rf-switch.rf-switch--reverse{flex-direction:row-reverse}.rf-switch.rf-switch--reverse .rf-switch__content{margin-left:0;margin-right:8px}.rf-switch.rf-switch--between{justify-content:space-between;width:100%}.rf-switch:focus-visible{outline:2px solid var(--primary-60-main);border-radius:32px}.rf-switch--s{padding:1px 1px 0 2px}.rf-switch__toggle{border-radius:10px;width:36px;height:20px;position:relative}.rf-switch--s .rf-switch__toggle{width:28px;height:16px}.rf-switch__toggle.on{background-color:var(--primary-60-main);border-color:var(--primary-60-main)}.rf-switch__toggle.off{background-color:var(--neutral-50);border-color:var(--neutral-50)}.rf-switch__circle{background-color:var(--neutral-00);border-radius:50%;width:16px;min-width:16px;height:16px;min-height:16px;transition:all .15s ease-in-out;position:absolute;top:2px;left:2px}.rf-switch--s .rf-switch__circle{border-radius:50%;width:12px;min-width:12px;height:12px;min-height:12px}.rf-switch__toggle.off .rf-switch__circle{transform:translate(0)}.rf-switch__toggle.on .rf-switch__circle{transform:translate(16px)}.rf-switch--s .rf-switch__toggle.on .rf-switch__circle{transform:translate(12px)}.rf-switch__label{-webkit-user-select:none;user-select:none;padding-right:3px;font-size:16px;font-weight:400;line-height:20px}.rf-switch__helper-text{-webkit-user-select:none;user-select:none;color:var(--neutral-50);flex:100%;font-size:14px;font-weight:400;line-height:20px}.rf-switch--s .rf-switch__helper-text{color:var(--neutral-50);font-size:12px;font-weight:400;line-height:16px}.rf-switch--disable{cursor:default;pointer-events:none}.rf-switch--disable .rf-switch__toggle{cursor:default}.rf-switch--disable .rf-switch__toggle.on,.rf-switch--disable .rf-switch__toggle.off{background-color:var(--neutral-30);border-color:var(--neutral-30)}.rf-switch:not(.rf-switch--disable):hover .rf-switch__toggle.on{background-color:var(--primary-70);border-color:var(--primary-70)}.rf-switch:not(.rf-switch--disable):hover .rf-switch__toggle.off{background-color:var(--neutral-50);border-color:var(--neutral-50)}