:root{--kfw-ipos:50%;--kfw-bpos:-75%;--kfw-fpos:-50%;--kfw-time:430ms;--kfw-switch-toggle-active-color:var(--kinfw-white-color)}.kfw-content-switch-header-wrap{display:flex;align-items:center;font-size:16px;font-family:var(--kinfw-secondary-font-family);position:relative;z-index:1}.kfw-switch-wrap{cursor:pointer}.kfw-switch{margin:0 10px;position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:2rem;background:var(--kinfw-primary-color);border-radius:50px;transform-origin:left center}.kfw-switch-toggle{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--kinfw-white-color);transform-origin:inherit;animation:kfw-content-switch-anim var(--kfw-time) ease-in forwards}.kfw-switch.kinfw-switch-sm-size{width:3rem;height:1.5rem}.kfw-switch.kinfw-switch-sm-size .kfw-switch-toggle{width:1rem;height:1rem}.kfw-switch.kinfw-switch-lg-size{width:5rem;height:2.5rem}.kfw-switch.kinfw-switch-lg-size .kfw-switch-toggle{width:2rem;height:2rem}.kfw-switch.kinfw-switch-xl-size{width:6rem;height:3rem}.kfw-switch.kinfw-switch-xl-size .kfw-switch-toggle{width:2.5rem;height:2.5rem}.kfw-switch.kinfw-secondary-switch .kfw-switch-toggle{background:var(--kfw-switch-toggle-active-color);animation-name:kfw-content-switch-anim--r}@keyframes kfw-content-switch-anim{0%{background:var(--kfw-switch-toggle-active-color);transform:translateX(var(--kfw-ipos)) scale(1.25,1)}45%{background:var(--kfw-switch-toggle-active-color);transform:translateX(var(--kfw-bpos)) scale(1,1)}50%{background:0 0;transform:translateX(var(--kfw-bpos)) scale(.5,1.1)}65%{transform:translateX(var(--kfw-bpos)) scale(1,1)}100%{transform:translateX(var(--kfw-fpos))}}@keyframes kfw-content-switch-anim--r{0%{background:0 0;transform:translateX(calc(-1 * var(--kfw-ipos))) scale(1.25,1)}45%{background:0 0;transform:translateX(calc(-1 * var(--kfw-bpos))) scale(1,1)}50%{background:var(--kfw-switch-toggle-active-color);transform:translateX(calc(-1 * var(--kfw-bpos))) scale(.5,1.1)}65%{transform:translateX(calc(-1 * var(--kfw-bpos))) scale(1,1)}100%{transform:translateX(calc(-1 * var(--kfw-fpos)))}}.kfw-content-switch-content-wrap>div{display:none}.kfw-content-switch-content-wrap>div.active{display:block}