.toggle-default{color:var(--foreground);background:0 0}.toggle-default:hover,.toggle-default[data-state=on]{background:var(--accent);color:var(--accent-foreground)}.toggle-outline{color:#525252;background:#fafaf9;box-shadow:0 0 0 1px #1717171a,0 1px 2px #1717170f}.toggle-outline:hover{color:#262626;background:#f5f5f4}.toggle-outline[data-state=on]{color:#262626;background:#eff6ff;box-shadow:0 0 0 1px #2563eb52,0 1px 2px #2563eb14}.toggle[data-indicator=icon][data-state=on]>svg:first-child{color:#2563eb}.toggle-soft{color:#525252;box-shadow:none;background:#f5f5f4}.toggle-soft:hover{color:#262626;background:#e7e5e4}.toggle-soft[data-state=on]{color:#fafaf9;background:#262626}.dark .toggle-outline{color:#d4d4d4;background:#ffffff0a;box-shadow:0 0 0 1px #ffffff1f,0 1px 2px #0000003d}.dark .toggle-outline:hover{color:#f5f5f5;background:#ffffff14}.dark .toggle-outline[data-state=on]{color:#f5f5f5;background:#2563eb29;box-shadow:0 0 0 1px #60a5fa80}.dark .toggle[data-indicator=icon][data-state=on]>svg:first-child{color:#60a5fa}.dark .toggle-soft{color:#a3a3a3;background:#ffffff0f}.dark .toggle-soft:hover{color:#f5f5f5;background:#ffffff1a}.dark .toggle-soft[data-state=on]{color:#171717;background:#f5f5f5}.toggle-check{color:#2563eb;opacity:0;width:0;height:16px;transition:width var(--lab-duration,.15s) cubic-bezier(.32, .72, 0, 1), margin-left var(--lab-duration,.15s) cubic-bezier(.32, .72, 0, 1), opacity var(--lab-duration,.15s), transform var(--lab-duration,.15s) cubic-bezier(.3, 1.4, .5, 1);flex:none;place-items:center;margin-left:-6px;display:grid;overflow:hidden;transform:translate(-4px)scale(.8)}.toggle[data-state=on] .toggle-check{opacity:1;width:16px;margin-left:0;transform:translate(0)scale(1)}.dark .toggle-check{color:#60a5fa}