@property --tuff-switch-flow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.tuff-switch{--tuff-switch-track-color: var(--tx-fill-color, #f0f2f5);--tuff-switch-active-color: var(--tx-color-primary, #409eff);--tuff-switch-thumb-color: var(--tx-text-color-secondary, #909399);--tuff-switch-breathe-color: var(--tuff-switch-thumb-color);--tuff-switch-flow-color: var(--tuff-switch-thumb-color);--tuff-switch-flow-width: 1.5px;--tuff-switch-ring-width: 2px;--tuff-switch-track-width: 44px;--tuff-switch-track-height: 24px;--tuff-switch-track-radius: 10px;--tuff-switch-thumb-radius: 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;cursor:pointer;color:inherit;font:inherit;text-align:inherit;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.tuff-switch__track{position:relative;display:inline-flex;align-items:center;flex:none;width:var(--tuff-switch-track-width);height:var(--tuff-switch-track-height);border-radius:var(--tuff-switch-track-radius);background-color:var(--tuff-switch-track-color);transition:all .25s ease-in-out}.tuff-switch__track:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--tuff-switch-breathe-color);opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.tuff-switch__track:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--tuff-switch-flow-width);background:conic-gradient(from var(--tuff-switch-flow-angle),transparent 0deg,var(--tuff-switch-flow-color) 45deg,transparent 90deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.tuff-switch__label{display:inline-flex;align-items:center;min-width:0;font-size:14px;color:var(--tx-text-color-regular, #606266)}.tuff-switch__thumb{position:absolute;height:70%;aspect-ratio:1/1;top:15%;left:10%;border-radius:var(--tuff-switch-thumb-radius);background-color:var(--tuff-switch-thumb-color);transition:all .25s ease-in-out}.tuff-switch__thumb:after{content:"";position:absolute;inset:0;border-radius:50%;border:var(--tuff-switch-ring-width) solid var(--tuff-switch-thumb-color);border-top-color:transparent;opacity:0;transition:opacity .25s ease-in-out}.tuff-switch.is-active{--tuff-switch-breathe-color: #fff;--tuff-switch-flow-color: #fff}.tuff-switch.is-active .tuff-switch__track{background-color:var(--tuff-switch-active-color)}.tuff-switch.is-active .tuff-switch__thumb{left:50%;filter:brightness(2)}.tuff-switch.is-loading{cursor:progress}.tuff-switch.is-loading .tuff-switch__track:before{opacity:.14;animation:tuff-switch-track-breathe 1.8s ease-in-out infinite}.tuff-switch.is-loading .tuff-switch__track:after{opacity:1;animation:tuff-switch-border-flow 1.6s linear infinite}.tuff-switch.is-loading .tuff-switch__thumb{border-radius:50%;background-color:transparent}.tuff-switch.is-loading .tuff-switch__thumb:after{opacity:1;animation:tuff-switch-ring-spin .7s linear infinite}.tuff-switch.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tuff-switch:hover:not(.is-disabled):not(.is-loading) .tuff-switch__track{box-shadow:0 0 12px 1px var(--tuff-switch-track-color)}.tuff-switch.is-active:hover:not(.is-disabled):not(.is-loading) .tuff-switch__track{box-shadow:0 0 16px 1px color-mix(in srgb,var(--tuff-switch-active-color) 55%,#fff)}.tuff-switch:active:not(.is-disabled):not(.is-loading) .tuff-switch__thumb{transform:scale(.85)}.tuff-switch:focus-visible{outline:2px solid var(--tx-color-primary-light-5, #a0cfff);outline-offset:2px;border-radius:var(--tuff-switch-track-radius)}.tuff-switch.has-label:focus-visible{border-radius:6px}.tuff-switch--small{--tuff-switch-flow-width: 1px;--tuff-switch-ring-width: 1.5px;--tuff-switch-track-width: 36px;--tuff-switch-track-height: 20px;--tuff-switch-track-radius: 8px;--tuff-switch-thumb-radius: 5px;gap:6px}.tuff-switch--small .tuff-switch__label{font-size:13px}.tuff-switch--large{--tuff-switch-flow-width: 2px;--tuff-switch-ring-width: 2.5px;--tuff-switch-track-width: 52px;--tuff-switch-track-height: 28px;--tuff-switch-track-radius: 12px;--tuff-switch-thumb-radius: 6px;gap:10px}.tuff-switch--large .tuff-switch__label{font-size:15px}@keyframes tuff-switch-ring-spin{to{transform:rotate(1turn)}}@keyframes tuff-switch-track-breathe{0%,to{opacity:.06}50%{opacity:.2}}@keyframes tuff-switch-border-flow{to{--tuff-switch-flow-angle: 360deg}}@media(prefers-reduced-motion:reduce){.tuff-switch.is-loading .tuff-switch__thumb:after,.tuff-switch.is-loading .tuff-switch__track:after,.tuff-switch.is-loading .tuff-switch__track:before{animation:none}}