#preloader .progress-bar {
    height: 4px;
    width: 100%;
    overflow: hidden
}

#preloader .progress-bar-value {
    width: 100%;
    height: 100%;
    animation: indeterminateAnimation 1s infinite linear;
    transform-origin: 0% 50%
}

@keyframes indeterminateAnimation {
    0% {
        transform: translate(0) scaleX(0)
    }

    40% {
        transform: translate(0) scaleX(.4)
    }

    to {
        transform: translate(100%) scaleX(.5)
    }
}

.pattern-bg svg[data-v-c1f627e7] {
    color: var(--lm-svg-color, var(--color-primary-DEFAULT))!important
}

.payment-sheet .change-amount-button.bg-primary {
    background-color: var(--lm-svg-color, var(--color-primary-DEFAULT))!important;
    border-color: var(--lm-svg-color, var(--color-primary-DEFAULT))!important
}

.payment-sheet .change-amount-button.bg-primary:active {
    background-color: var(--lm-svg-color-darker, var(--color-primary-DEFAULT))!important;
    border-color: var(--lm-svg-color-darker, var(--color-primary-DEFAULT))!important
}
