.bc-gwt-app-load-placeholder {
            display: flex;
            justify-content: center;
            align-items: center;
            /* Default height to minimize cumulative layout shift (CLS). */
            height: 500px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            background-color: #f8f8f8;
        }

        @media screen and (min-width: 860px) and (min-height: 680px) {
            .bc-gwt-app-load-placeholder {
                /* On large desktops, adjust height to most common engine height to minimize cumulative
                layout shift (CLS). */
                height: 680px;
            }
        }

        @media screen and (max-width: 500px) /* Breakpoint: MOBILE */ {
            .bc-gwt-app-load-placeholder {
                /* On mobile portrait, the engine will most likely take the full screen height so
                we adjust to minimize cumulative layout shift (CLS). */
                height: 100vh;
            }
        }