.boardui-switch{--switch-off:#ebebeb;--switch-off-border:#8f8f8f;--switch-chip-border:rgb(235 235 235/.5);--switch-chip-start:#fff;--switch-chip-end:#f7f7f7;position:relative;display:inline-flex;flex-shrink:0;width:28px;height:16px;padding:0;border:0;border-radius:3px;background:var(--switch-off);box-shadow:inset 0 0 0 1px var(--switch-off-border);cursor:pointer;outline:none;transition:background-color .2s ease}.dark .boardui-switch{--switch-off:#262626;--switch-off-border:#737373;--switch-chip-border:rgb(64 64 64/.5);--switch-chip-start:#262626;--switch-chip-end:#262626}.boardui-switch[data-state=checked]{background-image:linear-gradient(to bottom,var(--color-accent-500),var(--color-accent-600));box-shadow:inset 0 1px 0 0 rgb(255 255 255/.25),inset 0 0 0 .5px var(--color-accent-500)}.boardui-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.boardui-switch:disabled{opacity:.5;cursor:not-allowed}.boardui-switch-thumb{position:absolute;left:2px;top:2px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:1px;background:linear-gradient(180deg,#fff 43.837%,#f7f7f7);box-shadow:0 3px 3px 0 rgb(0 0 0/.03),0 .75px 0 0 rgb(0 0 0/.05);pointer-events:none;transform:translateX(0);transition:transform .2s ease}.boardui-switch[data-state=checked] .boardui-switch-thumb{transform:translateX(12px)}.boardui-switch-chip{width:5px;height:5px;border:.25px solid var(--switch-chip-border);border-radius:.5px;background:linear-gradient(to top,var(--switch-chip-start) 43.837%,var(--switch-chip-end));box-shadow:0 2px 2px 0 rgb(0 0 0/.03)}.boardui-switch[data-state=checked] .boardui-switch-chip{border-color:var(--color-accent-600);--switch-chip-start:color-mix(in oklab,var(--color-accent-500) 63%,var(--color-accent-600));--switch-chip-end:color-mix(in oklab,var(--color-accent-600) 16%,var(--color-accent-700))}@media (prefers-reduced-motion:reduce){.boardui-switch,.boardui-switch-thumb{transition:none}}