<div class="modal-background">
    <div class="modal-container">
        <div class="modal-heading-container">
            <h1 class="modal-h1">Create a New Workspace</h1>
            <div>Create a separate workspace with its own billing, admins, and data.</div>
        </div>
        <div class="auth-form w-form">
            <form id="create-workspace" name="create-workspace" data-name="create-workspace" method="get" class="form">
                <div class="form-field-container">
                    <div class="field-label-container">
                        <label for="name" class="field-label">Workspace Name</label>
                        <div class="required-star">*</div>
                        <div data-placement="right" data-tippy-content="Enter a name for your workspace, typically your company or organization. This is how it will appear to you and your users." class="help-tooltip w-embed">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                        </div>
                    </div>
                    <input class="form-field w-input" maxlength="256" name="workspace-name" data-name="workspace-name" placeholder="Choose a name" type="text" id="workspace-name" required>
                </div>
                <div class="form-button-container">
                    <button type="button" data-wait="Please wait..." class="button full w-button disabled" disabled>Create Workspace</button>
                </div>
            </form>
        </div>
        <div class="modal-close-button w-embed">
            <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
    </div>
</div>