body {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  margin: 0;
}

#loader {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(0deg, #E3710A 0%, #FFB82B 57.06%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#image_wrapper {
    display: flex;
    justify-content: center;
}

#image_wrapper img {
    max-height: 75vh;
}

#loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
}

#progress {
    width: var(--progress-width, 330px);
    height: var(--progress-height, 8px);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 2px;
    position: relative;
    background-color: #fff;
    max-width: 90%;
}

#bar {
    position: absolute;
    border-radius: 10px;
    width: 98%;
    right: 2px;
    height: var(--progress-bar-height, 4px);
    background-color: var(--progress-color, #E77B0F);
}

#percent {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.09px;
    color: var(--fg-content-primary, #ffffff);
}

#logo img {
    max-height: 30px;
}