#splash {
            display: none;
        }

        :root {
            --neutrals-shadow: #02050b4d;
            --primary: #002678;
            --neutrals-highest: #ffffff;
            --neutrals-higher: #e9eef3;
            --neutrals-low: #6c7c8f;
        }

        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;

            touch-action: auto;
            background-color: var(--neutrals-higher);
            background-size: 100% 100%;
        }

        .center {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }

        .error {
          height: 100vh;
          text-align: center;
          color: white;
        }

        body {
            font-family: 'Inter', sans-serif;
        }

        .error-message {
            position: fixed;
            bottom: 32px;
            left: 50%;
            transform: translateX(-50%);
            max-width: 660px;
            width: calc(100% - 40px);
            background-color: var(--neutrals-highest);
            border-radius: 20px;
            line-height: 130%;
            padding: 15px 20px;
            display: flex;
            flex-direction: row;
            align-items: center;
            box-sizing: border-box;
            box-shadow: 2px 2px 5px var(--neutrals-shadow);
            z-index: 1000;
            visibility: hidden;
        }

        .error-icon {
            width: 30px;
            height: 30px;
            margin-right: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
        }

        .error-text {
            color: var(--neutrals-low);
            flex: 1;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.5;
        }

        .loading {
          margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .loader {
            border: 5px solid var(--neutrals-higher);
            border-radius: 50%;
            border: 5px solid ;
            border-top: 5px solid var(--primary);
            border-right: 5px solid var(--neutrals-higher);
            border-bottom: 5px solid var(--primary);
            border-left: 5px solid var(--neutrals-higher);
            width: 58px;
            height: 58px;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }

        .loading-text {
            color: var(--neutrals-low);
            flex: 1;
            font-weight: 300;
            font-size: 16px;
            line-height: 1.5;
            margin: 0;
              position: absolute;
              top: 60%;
              left: 50%;
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }