.checkbox{min-width:32px;height:32px;position:relative;display:inline-block}.checkbox .checkboxInput{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:absolute;z-index:var(--z-index-checkbox);display:block;margin:0;border-radius:50%;width:32px;background-color:var(--color-primary);height:32px;box-shadow:none;outline:none;opacity:0;transition:opacity var(--anim-transition-time),transform var(--anim-transition-time);cursor:pointer}.checkbox .checkboxInput:active+span:before{border-color:var(--color-primary)}.checkbox .checkboxInput:disabled+span:before{border-color:var(--color-black-disabled-text)}.checkbox .checkboxInput:disabled+span{cursor:default}.checkbox span{display:inline-block;width:100%;height:100%;border-radius:50%;cursor:pointer;position:relative;z-index:var(--z-index-checkbox)}.checkbox span:before{content:"";position:absolute;left:25%;top:25%;display:inline-block;box-sizing:border-box;border:2px solid;border-color:var(--color-dark-lighter);border-radius:2px;width:16px;height:16px;vertical-align:top;transition:border-color var(--anim-transition-time),background-color var(--anim-transition-time)}.checkbox span:after{content:"";display:block;position:absolute;top:50%;left:50%;width:8px;height:3px;border:2px solid transparent;border-top:none;border-right:none;transform:translate(-50%,-70%) rotate(-45deg)}.checkbox.web-4-0 .checkboxInput{background-color:var(--color-4-0-purple)}.checkbox.web-4-0 .checkboxInput:active+span:before{border-color:var(--color-4-0-purple)}.checkbox.web-4-0 .checkboxInput:disabled+span:before{border-color:var(--color-4-0-dark-lighter)}.checkbox.web-4-0 span:before{border-color:var(--color-4-0-dark)}.checkboxInput:checked{background-color:var(--color-primary)}.checkboxInput:checked+span:after{border-color:var(--color-white)}.checkboxInput:checked+span:before{border-color:var(--color-primary);background-color:var(--color-primary)}.checkboxInput:checked:active+span:before{border-color:transparent;background-color:var(--color-primary)}.checkboxInput:checked:disabled+span:before{border-color:transparent;background-color:var(--color-black-disabled-text)}.web-4-0 .checkboxInput:checked+span:before{border-color:var(--color-4-0-purple);background-color:var(--color-4-0-purple)}.web-4-0 .checkboxInput:checked:active+span:before{background-color:var(--color-4-0-purple)}.web-4-0 .checkboxInput:checked:disabled+span:before{background-color:var(--color-4-0-dark-lighter)}.checkbox:hover .checkboxInput:not(:disabled){opacity:.08}.checkbox:hover .checkboxInput:not(:disabled):focus{opacity:.16}.checkbox:hover .checkboxInput:not(:disabled):active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}