:where(.motile-switch-container){display:inline-flex;flex-direction:column;gap:4px}:where(.motile-switch-wrapper){display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.motile-switch-container--disabled .motile-switch-wrapper){cursor:not-allowed;opacity:.6}:where(.motile-switch){position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}:where(.motile-switch:focus){outline:none}:where(.motile-switch__track){position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:24px;transition:background-color .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;flex-shrink:0;box-sizing:border-box}:where(.motile-switch__thumb){position:absolute;width:18px;height:18px;background-color:#fff;border-radius:50%;left:3px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}:where(.motile-switch:checked+.motile-switch__track){background-color:var( --motile-switch-color,var(--motile-ui-switch,var(--motile-theme,#3b82f6)) )}:where(.motile-switch:checked+.motile-switch__track .motile-switch__thumb){transform:translate(20px)}:where(.motile-switch:not(:checked)+.motile-switch__track:hover){background-color:#d1d5db}:where(.motile-switch:checked+.motile-switch__track:hover){background-color:color-mix(in srgb,var( --motile-switch-color,var(--motile-ui-switch,var(--motile-theme,#3b82f6)) ) 90%,black)}:where(.motile-switch:disabled+.motile-switch__track){background-color:#f3f4f6;cursor:not-allowed}:where(.motile-switch:disabled:checked+.motile-switch__track){background-color:#d1d5db}:where(.motile-switch:disabled+.motile-switch__track .motile-switch__thumb){box-shadow:none}:where(.motile-switch--elastic+.motile-switch__track .motile-switch__thumb){transition:none;will-change:transform}:where(.motile-switch--elastic:checked+.motile-switch__track .motile-switch__thumb){animation:switch-slide-on .35s ease;transform:translate(20px);transform-origin:left center}:where(.motile-switch--elastic:not(:checked)+.motile-switch__track .motile-switch__thumb){animation:switch-slide-off .35s ease;transform:translate(0);transform-origin:right center}@keyframes switch-slide-on{0%{transform:translate(0) scaleX(1)}10%{transform:translate(.5px) scaleX(1.05)}25%{transform:translate(3px) scaleX(1.25)}45%{transform:translate(8px) scaleX(1.4)}65%{transform:translate(14px) scaleX(1.3)}85%{transform:translate(18.5px) scaleX(1.08)}95%{transform:translate(19.8px) scaleX(1.02)}to{transform:translate(20px) scaleX(1)}}@keyframes switch-slide-off{0%{transform:translate(20px) scaleX(1)}10%{transform:translate(19.5px) scaleX(1.05)}25%{transform:translate(17px) scaleX(1.25)}45%{transform:translate(12px) scaleX(1.4)}65%{transform:translate(6px) scaleX(1.3)}85%{transform:translate(1.5px) scaleX(1.08)}95%{transform:translate(.2px) scaleX(1.02)}to{transform:translate(0) scaleX(1)}}:where(.motile-switch--bounce+.motile-switch__track .motile-switch__thumb){transition:none;will-change:transform}:where(.motile-switch--bounce:checked+.motile-switch__track .motile-switch__thumb){animation:switch-bounce-on .65s cubic-bezier(.68,-.55,.27,1.55);transform:translate(20px)}:where(.motile-switch--bounce:not(:checked)+.motile-switch__track .motile-switch__thumb){animation:switch-bounce-off .65s cubic-bezier(.68,-.55,.27,1.55);transform:translate(0)}@keyframes switch-bounce-on{0%{transform:translate(0)}60%{transform:translate(23px)}80%{transform:translate(18px)}95%{transform:translate(20.5px)}to{transform:translate(20px)}}@keyframes switch-bounce-off{0%{transform:translate(20px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}95%{transform:translate(-.5px)}to{transform:translate(0)}}