<div class="auth-page-wrapper">
    <div class="modal-container">
        <div class="modal-logo-container"><img loading="lazy" src="{app logo}" alt="{app name}"></div>
        <div class="modal-heading-container">
            <div class="tag danger">404 Error</div>
            <h1 class="modal-h1">Page Not Found</h1>
            <div class="modal-icon danger w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="512px" viewbox="0 0 24 24" width="512px" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                <line x1="15" y1="9" x2="9" y2="15"></line>
                <line x1="9" y1="9" x2="15" y2="15"></line>
                </svg></div>
            <div>The page you're looking for might have been removed or doesn't exist.</div>
        </div>
        <div class="form-button-container no-form">
            <button onclick="window.history.back()" class="button full w-button">Go Back</button>
        </div>
    </div>
</div>

<div class="auth-page-wrapper">
    <div class="modal-container">
        <div class="modal-logo-container"><img loading="lazy" src="{app logo}" alt="{app name}"></div>
        <div class="modal-heading-container">
            <div class="tag danger">500 Error</div>
            <h1 class="modal-h1">Internal Server Error</h1>
            <div class="modal-icon danger w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="512px" viewbox="0 0 24 24" width="512px" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                <line x1="15" y1="9" x2="9" y2="15"></line>
                <line x1="9" y1="9" x2="15" y2="15"></line>
                </svg></div>
            <div>Something went wrong on our end. Please try again later.</div>
        </div>
        <div class="form-button-container no-form">
            <button href="" class="button tertiary full w-button">Back to Home</button>
            <button onclick="window.location.reload()" class="button full w-button">Retry</button>
        </div>
    </div>
</div>

<div class="modal-background">
    <div class="modal-container">
        <div class="modal-logo-container">
            <img loading="lazy" src="{app logo}" alt="{app name}">
        </div>
        <div class="modal-heading-container">
            <div class="model-icon w-embed">
                <svg xmlns="http://www.w3.org/2000/svg" height="512" width="512" fill="currentColor" viewbox="0 0 512 512"><path d="M34.5 420.4c-1.6 2.8-2.5 6-2.5 9.3c0 10.2 8.2 18.4 18.4 18.4l411.2 0c10.2 0 18.4-8.2 18.4-18.4c0-3.3-.9-6.4-2.5-9.3L276.5 75.8C272.2 68.5 264.4 64 256 64s-16.2 4.5-20.5 11.8L34.5 420.4zM6.9 404.2l201-344.6C217.9 42.5 236.2 32 256 32s38.1 10.5 48.1 27.6l201 344.6c4.5 7.7 6.9 16.5 6.9 25.4c0 27.8-22.6 50.4-50.4 50.4L50.4 480C22.6 480 0 457.4 0 429.6c0-8.9 2.4-17.7 6.9-25.4zM256 160c8.8 0 16 7.2 16 16l0 128c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zM232 384a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"></path></svg>
            </div>
            <h1 class="modal-h1">You’ve Been Removed from this Workspace</h1>
            <div>You no longer have access to this workspace. Please contact your administrator for more information.</div>
        </div>
        <div class="form-button-container">

            <!-- START They belong to other Workspaces -->
            <!-- If they belong to other workspaces take them to their default workspace. If it was their default workspace, then take them to the first one alphabetically that they are an admin for, if they are not an admin just the first one alphabetically. --> 
            <button type="button" data-wait="Please wait..." class="button full w-button">Close</button>
            <!-- END They belong to other Workspaces -->


            <!-- START They only belonged to the one workspace they were removed from -->
            <!-- On-click close this modal and open a Create Workspace modal -->
            <button type="button" data-wait="Please wait..." class="button full w-button" value="Create my own workspace">Create my own workspace</button>
            <!-- END They only belonged to the one workspace they were removed from -->

        </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 class="text-small">If you are an admin and need assistance, please <a href="#">contact support</a>.</div>
    </div>
</div>

<div class="auth-page-wrapper">
    <div class="modal-container">
        <div class="modal-logo-container"><img loading="lazy" src="{app logo}" alt="{app name}"></div>
        <div class="modal-heading-container">
            <div class="tag danger">{error code} Error</div>
            <h1 class="modal-h1">{error title}</h1>
            <div class="modal-icon danger w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="512px" viewbox="0 0 24 24" width="512px" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                <line x1="15" y1="9" x2="9" y2="15"></line>
                <line x1="9" y1="9" x2="15" y2="15"></line>
                </svg></div>
            <div>{error message}</div>
        </div>
        <div class="form-button-container no-form">
            <button onclick="window.history.back()" class="button full w-button">Go Back</button>
        </div>
    </div>
</div>