.switch-container{display:flex;align-items:center;margin-bottom:25px;cursor:pointer}.switch-container .switch-info{font-size:11px;color:var(--color-light-gray-700);font-weight:400;line-height:1;user-select:none}.switch-container .switch-label-container{display:flex;align-items:center;gap:8px}.switch-container .switch{display:inline-flex;height:16px;width:30px;flex-shrink:0;align-items:center;border-radius:9999px;transition:all .2s ease;outline:none;cursor:pointer;position:relative}.switch-container .switch[data-state=unchecked]{background-color:var(--color-light-gray-900)}.switch-container .switch[data-state=unchecked]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-100) 0,var(--color-dark-gray-500) 100%);opacity:.5;transition:opacity .2s;z-index:1;border-radius:100px}.switch-container .switch[data-state=unchecked]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-light-gray-600) 5.62%,var(--color-light-gray-100) 94.91%);opacity:.7;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .2s;opacity:.4;z-index:2;border-radius:100px}.switch-container .switch[data-state=checked]{background-color:var(--color-indigo-blue-600)}.switch-container .switch[data-state=checked]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-indigo-blue-600) 0,var(--color-indigo-blue-700) 100%);opacity:1;transition:opacity .2s;z-index:1;border-radius:100px}.switch-container .switch[data-state=checked]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-indigo-blue-700) 5.62%,var(--color-indigo-blue-300) 94.91%);opacity:.5;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .2s;opacity:.6;z-index:2;border-radius:100px}.switch-container .switch:disabled{cursor:not-allowed;opacity:.5}.switch-container .switch-thumb{display:block;pointer-events:none;width:10px;height:10px;border-radius:9999px;background-color:#fff;transition:transform .2s ease;z-index:2}.switch-container .switch-thumb[data-state=unchecked]{transform:translateX(3px);background-color:#fff}.switch-container .switch-thumb[data-state=checked]{transform:translateX(calc(100% + 7px))}.switch-container .switch-label{font-size:11px;font-weight:500;position:relative;user-select:none}.switch-container.medium .switch{height:18px;width:36px}.switch-container.medium .switch-label{font-size:13px}.switch-container.medium .switch-thumb{width:12px;height:12px}.switch-container.medium .switch-thumb[data-state=unchecked]{transform:translateX(3px)}.switch-container.medium .switch-thumb[data-state=checked]{transform:translateX(calc(100% + 9px))}.switch-container.medium .switch-label-container{gap:10px}.switch-container.large .switch{height:22px;width:42px}.switch-container.large .switch-label{font-size:14px}.switch-container.large .switch-thumb{width:14px;height:14px}.switch-container.large .switch-thumb[data-state=unchecked]{transform:translateX(4px)}.switch-container.large .switch-thumb[data-state=checked]{transform:translateX(calc(100% + 10px))}.switch-container.large .switch-label-container{gap:10px}