/* Adapted from Basecoat's Switch component (MIT), retrieved 2026-10-15.
 * https://github.com/hunvreus/basecoat/blob/main/src/css/components/switch.css
 * Copyright (c) 2025 Ronan Berder. See basecoat-LICENSE.md.
 * Tailwind @apply rules expanded to plain CSS, scoped to BGM account settings.
 */
.account-development .input[type='checkbox'][role='switch']{display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none;align-items:center;outline:none;transition:background-color .18s;position:relative;width:44px;height:26px;min-height:26px;padding:3px;border:0;border-radius:20px;background:#c9d2cb;cursor:pointer;margin:0}
.account-development .input[type='checkbox'][role='switch']::before{pointer-events:none;display:block;content:'';width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .18s}
.account-development .input[type='checkbox'][role='switch']:checked{background:var(--green,#1d7457)}
.account-development .input[type='checkbox'][role='switch']:checked::before{transform:translateX(18px)}
.account-development .input[type='checkbox'][role='switch']:focus-visible{outline:3px solid #99c6aa;outline-offset:3px}
.account-development .input[type='checkbox'][role='switch']:disabled{cursor:not-allowed;opacity:.5}
@media(prefers-reduced-motion:reduce){.account-development .input[type='checkbox'][role='switch'],.account-development .input[type='checkbox'][role='switch']::before{transition:none}}