@keyframes sjCapIn{
to { opacity: .32; transform: translateY(0); }
}
/* иерархия как в журнале */
.sj-preload__cap span:nth-child(1){ opacity: 1; }
.sj-preload__cap span:nth-child(2){ opacity: 1; }
.sj-preload__cap span:nth-child(3){ opacity: .45; }
.sj-preload.is-hide .sj-preload__cap{
opacity: 0 !important;
transform: translateY(-4px);
transition: opacity .6s ease, transform .6s ease;
animation: none !important;
}
@media (max-width: 640px){
.sj-preload__cap{ bottom: 28px; }
}
@media (prefers-reduced-motion: reduce){
.sj-preload__cap{
animation: none !important;
opacity: .32;
transform:none;
}
.sj-preload__cap::after{ filter:none; opacity:.18; }
}
