.server-error-illustration.svelte-vj67v1 {
        width: 280px;
        height: 119px;
    }

    .server-error-shadow.svelte-vj67v1 {
        display: none;
    }

    /* Mobile */
    @media (max-width: 640px) {
        .server-error-stack.svelte-vj67v1 {
            padding-bottom: 4rem;
        }

        .server-error-wrapper.svelte-vj67v1 {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding-block: 2rem;
        }

        .server-error-container.svelte-vj67v1 {
            justify-content: center;
            margin-top: 10rem;
        }

        .server-error-content.svelte-vj67v1 {
            padding-inline: 1rem;
        }
    }

    /* Tablet */
    @media (min-width: 641px) {
        .server-error-wrapper.svelte-vj67v1 {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 1008px;
            height: auto;
            max-height: 728px;
            aspect-ratio: 1008 / 728;
            padding-block: 3rem;
            background-color: #ffffff;
            border-radius: 20px;
        }

        .server-error-container.svelte-vj67v1 {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            gap: 2rem;
            margin-top: 0;
            text-align: left;
            padding-inline: 13%;
        }

        .server-error-content.svelte-vj67v1 {
            order: 1;
            align-items: flex-start;
            flex: 1 1 0;
            min-width: 0;
        }

        .server-error-illustration-wrapper.svelte-vj67v1 {
            order: 2;
            position: relative;
            flex-shrink: 0;
            width: 152px;
            height: 377px;
        }

        .server-error-illustration.svelte-vj67v1 {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 377px;
            max-width: none;
            height: 152px;
            flex-shrink: 0;
            transform: translate(-50%, -50%) rotate(90deg);
        }

        .server-error-shadow.svelte-vj67v1 {
            display: block;
            position: absolute;
            top: 100%;
            left: 1.5rem;
            right: 1.5rem;
            height: 16px;
            background-color: var(--color-Stonegrey-400);
            border-radius: 0 0 20px 20px;
        }

        .server-error-stack.svelte-vj67v1 {
            padding-bottom: 20px;
        }
    }

    /* Desktop */
    @media (min-width: 768px) {
        .server-error-stack.svelte-vj67v1 {
            padding-bottom: 20px;
        }

        .server-error-wrapper.svelte-vj67v1 {
            max-width: 1008px;
            max-height: 728px;
            padding-block: 3.5rem;
        }

        .server-error-container.svelte-vj67v1 {
            gap: 2.5rem;
            padding-inline: 14%;
        }
    }

    /* Match body min-[1488px]:mx-60 so the box doesn't shrink when margins jump */
    @media (min-width: 1488px) {
        .server-error-wrapper.svelte-vj67v1 {
            width: min(1008px, calc(100vw - 30rem));
            max-width: min(1008px, calc(100vw - 30rem));
        }
    }