.t-loader {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
min-height: -webkit-fill-available !important;
min-height: 100dvh !important;
z-index: 999999 !important;
background: #F6F4F3;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.t-loader.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.preloader-logo {
width: 100px;
height: auto;
animation: logoPulse 2s ease-in-out infinite;
}
@keyframes logoPulse {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0.8;
}
}
@media (max-width: 768px) {
.preloader-logo {
width: 60px;
}
}