.wdo-checkbox{--wdo-checkbox-box: 20px;--wdo-checkbox-tap: 44px;position:relative;display:inline-block;flex:none;width:var(--wdo-checkbox-box);height:var(--wdo-checkbox-box);vertical-align:middle}.wdo-checkbox .wdo-checkbox__input.wdo-checkbox__input{position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--wdo-checkbox-tap);height:var(--wdo-checkbox-tap);min-width:0;max-width:none;min-height:0;margin:0;padding:0;border:0;transform:translate(-50%,-50%);opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.wdo-checkbox__box{display:block;box-sizing:border-box;width:var(--wdo-checkbox-box);height:var(--wdo-checkbox-box);border-radius:var(--wdo-radius-control);border:1px solid var(--color-control-border, #d7d3cd);background:#fff;pointer-events:none}.wdo-checkbox__input:checked+.wdo-checkbox__box{border-color:var(--color-copper, #be3d11);background-color:var(--color-copper, #be3d11);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:14px 14px;background-position:center;background-repeat:no-repeat}.wdo-checkbox[data-tone=ink] .wdo-checkbox__box{border:2px solid var(--wdo-type-ink)}.wdo-checkbox[data-tone=ink] .wdo-checkbox__input:checked+.wdo-checkbox__box{border-color:var(--wdo-type-ink);background-color:var(--wdo-type-ink)}.wdo-checkbox[data-tone=ink] .wdo-checkbox__input:focus-visible+.wdo-checkbox__box{outline-color:var(--wdo-type-ink)}.wdo-checkbox__input:focus-visible+.wdo-checkbox__box{outline:2px solid var(--color-copper, #be3d11);outline-offset:2px}.wdo-checkbox__input:disabled{cursor:not-allowed}.wdo-checkbox__input:disabled+.wdo-checkbox__box{border-color:#cbc5bd;background-color:#f1eeea;background-image:none}.wdo-checkbox__input:disabled:checked+.wdo-checkbox__box{background-color:#cbc5bd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}