.ui-checkbox{--primary-color: #009fc1;--secondary-color: #fff;--primary-hover-color: #007fa0;--checkbox-diameter: 16px;--checkbox-border-radius: 2px;--checkbox-border-color: #21212140;--checkbox-border-width: 1px;--checkbox-border-style: solid;--checkmark-size: 1.5}.ui-checkbox,.ui-checkbox *,.ui-checkbox *:before,.ui-checkbox *:after{box-sizing:border-box}.ui-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-diameter);height:var(--checkbox-diameter);border-radius:var(--checkbox-border-radius);background:var(--secondary-color);border:var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);transition:all .3s;cursor:pointer;position:relative}.ui-checkbox:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);border-radius:inherit;opacity:0;transition:all .5s cubic-bezier(.12,.4,.29,1.46)}.ui-checkbox:before{top:40%;left:50%;content:"";position:absolute;width:4px;height:8px;border-right:1.7px solid var(--secondary-color);border-bottom:1.7px solid var(--secondary-color);transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.ui-checkbox:hover{border-color:var(--primary-color)}.ui-checkbox:checked{background:var(--primary-color);border-color:transparent}.ui-checkbox:checked:before{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ui-checkbox:active:not(:checked):after{-webkit-transition:none;-o-transition:none;box-shadow:none;transition:none;opacity:1}