@supports (-webkit-appearance: none) or (-moz-appearance: none){.checkbox input[type=checkbox]{--active: var(--gradient-primary);--active-inner: var(--color-neutral-50);--focus: var(--checkbox-focus);--border: var(--checkbox-border);--border-hover: var(--checkbox-border-hover);--background: var(--checkbox-bg);--disabled: var(--checkbox-disabled);--disabled-inner: var(--checkbox-disabled-inner);-webkit-appearance:none;-moz-appearance:none;height:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s}.checkbox input[type=checkbox]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s)}.checkbox input[type=checkbox]:checked{--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}.checkbox input[type=checkbox]:disabled{--b: var(--disabled);cursor:not-allowed;opacity:.9}.checkbox input[type=checkbox]:disabled:checked{--b: var(--disabled-inner);--bc: var(--border)}.checkbox input[type=checkbox]:disabled+label{cursor:not-allowed}.checkbox input[type=checkbox]:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 var(--focus)}.checkbox input[type=checkbox]:not(.switch){width:21px}.checkbox input[type=checkbox]:not(.switch):after{opacity:var(--o, 0)}.checkbox input[type=checkbox]:not(.switch):checked{--o: 1}.checkbox input[type=checkbox]+label{display:inline-block;vertical-align:middle;cursor:pointer;margin-left:4px}.checkbox input[type=checkbox]:not(.switch){border-radius:7px}.checkbox input[type=checkbox]:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:7px;top:4px;transform:rotate(var(--r, 20deg))}.checkbox input[type=checkbox]:not(.switch):checked{--r: 43deg}}.checkbox *{box-sizing:inherit}.checkbox *:before,.checkbox *:after{box-sizing:inherit}