.page-container {
    transition: opacity var(--page-transition-duration, 0.2s) var(--page-transition-easing, ease);
}

.page-container.fade-out {
    opacity: 0;
}

.page-container.fade-in {
    opacity: 1;
}

.bottom-padding-container {
    transition: opacity 0.3s ease-in-out;
}

.bottom-padding-container.fade-out {
    opacity: 0;
}

.bottom-padding-container.fade-in {
    opacity: 1;
}

.progress-width-45 {
    width: 45%;
}

.progress-width-15 {
    width: 15%;
}

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

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}