#inventory-editor input[type=checkbox],#inventory-editor label input[type=checkbox],body input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;position:relative;box-sizing:border-box;width:38px;min-width:38px;height:22px;min-height:22px;flex:0 0 38px;margin:0;padding:0;border:1px solid var(--line,#c9d3c9);border-radius:999px;background:var(--muted,#68786b);vertical-align:middle;cursor:pointer;transition:background-color .16s,border-color .16s}
#inventory-editor input[type=checkbox]::before,body input[type=checkbox]::before{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .16s}
#inventory-editor input[type=checkbox]:checked,body input[type=checkbox]:checked{background:var(--brand,#335c3a);border-color:var(--brand,#335c3a)}
#inventory-editor input[type=checkbox]:checked::before,body input[type=checkbox]:checked::before{transform:translateX(16px)}
#inventory-editor input[type=checkbox]:focus-visible,body input[type=checkbox]:focus-visible{outline:2px solid var(--brand,#335c3a);outline-offset:3px}
#inventory-editor input[type=checkbox]:disabled,body input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){#inventory-editor input[type=checkbox],#inventory-editor input[type=checkbox]::before,body input[type=checkbox],body input[type=checkbox]::before{transition:none}}
/* Keep switch dimensions consistent in forms that still declare checkbox sizes. */
#inventory-editor input[type=checkbox],body input[type=checkbox]{width:38px!important;min-width:38px!important;height:22px!important;min-height:22px!important;flex:0 0 38px!important;padding:0!important;border-radius:999px!important}