.ECheckbox{--checkboxDiameter:.81rem;width:var(--checkboxDiameter);height:var(--checkboxDiameter);background:var(--secondaryColor);border:1px solid var(--borderColor);cursor:pointer;border-radius:4px;flex-shrink:0;transition:all .3s;position:relative}.ECheckbox--error{border:1px solid var(--tw-red-error)}.ECheckbox--light{--primaryColor:#0d2741;--secondaryColor:#f3f4f5;--borderColor:#0d274133;--markColor:#0d2741;--primaryHoverColor:hsl(var(--secondary));--markSize:1}.ECheckbox--dark{--primaryColor:#fff;--secondaryColor:#fff;--markColor:#0d2741;--primaryHoverColor:#fff3;--borderColor:#fff;--markSize:1.2}.ECheckbox:after{content:"";box-shadow:0 0 0 calc(var(--checkboxDiameter)/2.5) var(--primaryColor);border-radius:inherit;opacity:0;transition:all .5s cubic-bezier(.12,.4,.29,1.46);position:absolute;inset:0}.ECheckbox--CheckMark:before{content:"";border-right:2px solid var(--markColor);border-bottom:2px solid var(--markColor);opacity:0;width:4px;height:7px;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(0)}.ECheckbox--CheckMark[data-state=checked]:before{transform:translate(-50%, -50%) rotate(45deg) scale(var(--markSize))}.ECheckbox--LineMark:before{content:"";background:var(--markColor);opacity:0;width:6px;height:2px;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(0)}.ECheckbox--LineMark[data-state=checked]:before{transform:translate(-50%, -50%) rotate(0deg) scale(var(--markSize))}.ECheckbox:hover:not(:disabled){box-shadow:0 0 0px 5px var(--primaryHoverColor)}.ECheckbox:disabled{opacity:.8;cursor:not-allowed;background:#d3d3d34b}.ECheckbox[data-state=checked]:before{opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ECheckbox:active:not([data-state=unchecked]):not(:disabled):after{box-shadow:none;opacity:1;transition:none}