.checkbox{--active:#7d43a8;--active-inner:#fff;--focus:2px rgba(125,67,168,.3);--border:#7a37b1;--border-hover:#8237a6;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9}@supports (-webkit-appearance:none) or (-moz-appearance:none){.checkbox input[type=checkbox],.checkbox input[type=radio]{-webkit-appearance:none;-moz-appearance:none;background:var(--b,var(--background));border:1px solid var(--bc,var(--border));cursor:pointer;display:inline-block;height:20px;margin:0;outline:none;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top}.checkbox input[type=checkbox]:after,.checkbox input[type=radio]:after{content:"";display:block;left:0;position:absolute;top:0;transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)}.checkbox input[type=checkbox]:checked,.checkbox input[type=radio]: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,.checkbox input[type=radio]:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.checkbox input[type=checkbox]:disabled:checked,.checkbox input[type=radio]:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{cursor:not-allowed}.checkbox input[type=checkbox]:hover:not(:checked):not(:disabled),.checkbox input[type=radio]:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}.checkbox input[type=checkbox]:focus,.checkbox input[type=radio]:focus{box-shadow:0 0 0 var(--focus)}.checkbox input[type=checkbox]:not(.switch),.checkbox input[type=radio]:not(.switch){width:20px}.checkbox input[type=checkbox]:not(.switch):after,.checkbox input[type=radio]:not(.switch):after{opacity:var(--o,0)}.checkbox input[type=checkbox]:not(.switch):checked,.checkbox input[type=radio]:not(.switch):checked{--o:1}.checkbox input[type=checkbox]+label,.checkbox input[type=radio]+label{cursor:pointer;display:inline-block;font-size:14px;line-height:21px;margin-left:4px;vertical-align:top}.checkbox input[type=checkbox]:not(.switch){border-radius:7px}.checkbox input[type=checkbox]:not(.switch):after{border:2px solid var(--active-inner);border-left:0;border-top:0;height:9px;left:7px;top:4px;transform:rotate(var(--r,20deg));width:5px}.checkbox input[type=checkbox]:not(.switch):checked{--r:43deg}.checkbox input[type=checkbox].switch{border-radius:11px;width:38px}.checkbox input[type=checkbox].switch:after{background:var(--ab,var(--border));border-radius:50%;height:15px;left:2px;top:2px;transform:translate(var(--x,0));width:15px}.checkbox input[type=checkbox].switch:checked{--ab:var(--active-inner);--x:17px}.checkbox input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}.checkbox input[type=radio]{border-radius:50%}.checkbox input[type=radio]:after{background:var(--active-inner);border-radius:50%;height:19px;opacity:0;transform:scale(var(--s,.7));width:19px}.checkbox input[type=radio]:checked{--s:.5}}.checkbox--error{--border:#fc4a4a;--border-hover:#fc4a4a;--active:#fc4a4a;--background:rgba(252,74,74,.1)}