Error: Missing whitespace after :global

This is my style:

Error

.wrap-box {
    margin: 15px 0;
    :global {
        &.box {
            .otherClass {
                width: 44px;
                height: 44px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 20px;
            }
        }
    }
}

Error message

Module build failed: Missing whitespace after :global (3:3)

How can I fix this issue.

Sorry if the issue is already there but I can not find it.

Thanks!