.switch-container{box-sizing:border-box;display:inline-flex;align-items:center;width:calc(42px * var(--switch-zoom, 1));height:calc(24px * var(--switch-zoom, 1));flex-shrink:0;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--surface-sunken);cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);position:relative}.switch-container:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-tint);border-color:var(--accent)}.switch-small{width:calc(34px * var(--switch-zoom, 1));height:calc(20px * var(--switch-zoom, 1))}.switch-medium{width:calc(42px * var(--switch-zoom, 1));height:calc(24px * var(--switch-zoom, 1))}.switch-large{width:calc(54px * var(--switch-zoom, 1));height:calc(32px * var(--switch-zoom, 1))}.switch-container.active{background-color:var(--accent);border-color:var(--accent)}.switch-container.switch-success.active{background-color:var(--status-won);border-color:var(--status-won)}.switch-container.switch-success:focus-visible{box-shadow:0 0 0 3px rgba(31,138,91,.25);border-color:var(--status-won)}.switch-ball{box-sizing:border-box;width:calc(18px * var(--switch-zoom, 1));height:calc(18px * var(--switch-zoom, 1));background-color:var(--warm-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);position:absolute;top:50%;left:calc(2px * var(--switch-zoom, 1));transform:translateY(-50%);transition:left var(--dur-base) var(--ease-standard)}.switch-small .switch-ball{width:calc(14px * var(--switch-zoom, 1));height:calc(14px * var(--switch-zoom, 1))}.switch-medium .switch-ball{width:calc(18px * var(--switch-zoom, 1));height:calc(18px * var(--switch-zoom, 1))}.switch-large .switch-ball{width:calc(26px * var(--switch-zoom, 1));height:calc(26px * var(--switch-zoom, 1))}.switch-container.active .switch-ball{background-color:var(--warm-0)}.switch-small.active .switch-ball{left:calc(100% - calc(16px * var(--switch-zoom, 1)))}.switch-medium.active .switch-ball{left:calc(100% - calc(20px * var(--switch-zoom, 1)))}.switch-large.active .switch-ball{left:calc(100% - calc(28px * var(--switch-zoom, 1)))}.switch-container[aria-disabled=true]{opacity:.5;cursor:not-allowed}