.toggle-outline{border:1px solid var(--color-alpha-black-10);background:var(--color-neutral-50);color:var(--color-neutral-600);box-shadow:0 1px 2px var(--color-alpha-black-6)}.toggle-outline[data-size=sm]{padding-inline:7px}.toggle-outline[data-size=md]{padding-inline:9px}.toggle-outline:focus-visible{outline:2px solid color-mix(in srgb, var(--ring) 50%, transparent);outline-offset:2px}.toggle-outline:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.toggle-outline[data-state=on]{background:var(--color-blue-50);color:var(--color-neutral-800);border-color:color-mix(in srgb, var(--color-blue-600) 32%, transparent);box-shadow:0 1px 2px #2563eb14}.toggle[data-indicator=icon][data-state=on]>svg:first-child{color:var(--color-blue-600)}.toggle-soft{background:var(--color-neutral-100);color:var(--color-neutral-600);box-shadow:none}.toggle-soft:hover{color:var(--color-neutral-800);background:#e7e5e4}.toggle-soft[data-state=on]{background:var(--color-neutral-800);color:var(--color-neutral-50)}.dark .toggle-outline{background:var(--color-alpha-white-4);color:var(--color-neutral-300);border-color:var(--color-alpha-white-12);box-shadow:0 1px 2px #0000003d}.dark .toggle-outline:hover{background:var(--color-alpha-white-8);color:var(--color-neutral-100)}.dark .toggle-outline[data-state=on]{background:color-mix(in srgb, var(--color-blue-600) 16%, transparent);color:var(--color-neutral-100);border-color:color-mix(in srgb, var(--color-blue-400) 50%, transparent);box-shadow:none}.dark .toggle[data-indicator=icon][data-state=on]>svg:first-child{color:var(--color-blue-400)}.dark .toggle-soft{background:var(--color-alpha-white-6);color:var(--color-neutral-400)}.dark .toggle-soft:hover{background:var(--color-alpha-white-10);color:var(--color-neutral-100)}.dark .toggle-soft[data-state=on]{background:var(--color-neutral-100);color:var(--color-neutral-900)}.toggle-check{width:0;height:16px;color:var(--color-blue-600);opacity:0;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:var(--color-blue-400)}