.z-checkbox{display:inline-flex;line-height:1em;color:#666;font-weight:400;align-items:center;vertical-align:top;cursor:pointer}.z-checkbox.z-disabled{cursor:inherit}.z-checkbox.z-disabled .z-inner{opacity:.5}.z-checkbox.z-round{--z-border-radius:50%}.z-checkbox .z-inner{position:relative;display:block;align-self:start;flex:0 0 auto;width:1.5em;height:1.5em}.z-checkbox .z-inner input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:inherit;border:var(--z-input-border);border-radius:var(--z-border-radius);color:var(--z-checkbox-color);background:transparent;margin:0;vertical-align:top;transition:background .3s,border .3s,box-shadow .3s}.z-checkbox .z-inner input:not(:only-child){align-self:start}.z-checkbox .z-inner input:checked{background:currentColor}.z-checkbox .z-inner input:checked,.z-checkbox .z-inner input:focus{border-color:currentColor}.z-checkbox .z-inner input~*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity .3s;pointer-events:none}@supports (-webkit-appearance:none){.z-checkbox .z-inner input{-webkit-appearance:none;outline:none}.z-checkbox .z-inner input:checked~*{opacity:1}.z-checkbox .z-inner input:checked:focus:not(:hover){box-shadow:inset 0 0 0 1px #fffc}}.z-checkbox .z-inner .z-check{width:40%;height:60%;border:.25em solid #fff;border-top:none;border-left:none;transform:translate(-50%,-63%) rotate(45deg)}.z-checkbox .z-inner~*{margin-inline-start:.5em}.z-checkbox.z-error:not(.z-checked)>.z-inner{background-color:var(--z-color-error);border-radius:var(--z-border-radius)}