.fp-ball {
width: var(--size);
height: var(--size);
background-color: var(--color);
border-radius: 50%;
box-shadow: 
inset 0 4px 5px rgba(0, 0, 0, 0.25),
inset 0 -4px 5px rgba(255, 255, 255, 0.55),
0 0 2px rgba(0, 0, 0, 0.10);
position: relative;
z-index: 10; /* поверх других элементов */
}
.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;
}
}