@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}.toggle-switch-container{display:flex;align-items:center;gap:11px}.toggle-switch-container.sm p{font-size:12px!important;font-weight:400!important}.toggle-switch-container.md p{font-size:14px!important;font-weight:400!important}.toggle-switch-container.lg p{font-size:16px!important;font-weight:400!important}.toggle-switch{position:relative;border-radius:90px;background:hsl(from var(--vs-bg) h s l/1);transition:all .2s ease-in-out;border:1px solid hsl(from var(--vs-border) h s l/1)}.toggle-switch,.toggle-switch.sm{width:37px;height:19px}.toggle-switch.md{width:51px;height:27px}.toggle-switch.lg{width:74px;height:40px}.toggle-switch.active{background:hsl(from var(--vs-success-500,hsl(104,52.2%,50%)) h s l/1);border:1px solid hsl(from var(--vs-success-500,hsl(104,52.2%,50%)) h s l/1)}.toggle-switch.active.blue{background:hsl(from var(--vs-pro-brand-600,hsl(230,100%,62.9%)) h s l/1);border:1px solid hsl(from var(--vs-pro-brand-600,hsl(230,100%,62.9%)) h s l/1)}.toggle-switch.active.green{background:hsl(from h s l/1);border:1px solid hsl(from var(--vs-success-500,hsl(104,52.2%,50%)) h s l/1)}.toggle-switch.disabled{border:1px solid hsl(from var(--vs-disabled) h s l/1);background:hsl(from var(--vs-disabled) h s l/1)}.toggle-switch .toggle{position:absolute;border-radius:50%;background:#d9d9d9;transition:all .2s ease-in-out}.toggle-switch .toggle.sm{left:2px;top:1px;width:15px;height:15px}.toggle-switch .toggle.md{top:1.5px;width:21.5px;height:21.5px;left:2px}.toggle-switch .toggle.lg{top:4px;width:31px;height:31px;left:4px}.toggle-switch .toggle.active{background:hsl(from var(--vs-content-bg) h s l/1);left:28px}.toggle-switch .toggle.active.sm{left:19px}.toggle-switch .toggle.active.md{left:25px}.toggle-switch .toggle.active.lg{left:38px}.toggle-switch .toggle.disabled{background:#a1a5a7}@keyframes toggleAnim{0%{display:none;opacity:0}30%{display:block;opacity:0}to{display:block;opacity:1}}