:root {
    --progress: 0%;
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

.tracking-pixel {
    display: none;
    visibility: hidden;
}

.rotate-screen-backdrop {
    background: #000;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0.8;
}

.rotate-screen-content {
    position: absolute;
}

.rotate-screen-text {
    line-height: 35px;
}

.modal-content-transparent {
    background: transparent !important;
}

.is-hidden-important {
    display: none !important;
}

#progress {
    display: none;
    bottom: 9%;
    left: 50%;
    transform: translateX(-50%);
    background: url('../TemplateData/LoadingBackground.png') no-repeat;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    width: 383px;
    height: 45px;
    overflow: hidden;
    z-index: 1;
    border-radius: 60px;
}

#progress-value {
    overflow: hidden;
    margin: 2px 0 0 6px;
    background: url('../TemplateData/LoadingGreen.png') repeat-x;
    width: var(--progress);
    min-width: 9%;
    border-radius: 20px;
    height: 40px;
}