/* Фишка: летающие плитки по сайту (shoko-let.js) */
.shl-sloy{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:40;overflow:clip}
.shl{position:absolute;transform:rotate(var(--r));animation:flyk 9s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 16px 20px rgba(40,20,8,.32))}
.shl img{display:block;width:100%;height:auto}
.shl-pered{filter:drop-shadow(0 24px 30px rgba(40,20,8,.25));z-index:2}
@media(prefers-reduced-motion:reduce){.shl{animation:none}}
@keyframes flyk{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(calc(var(--r) + 5deg))}}
/* 21.10: ветка с шарами от края экрана; ветка не летает, качаются только шары */
.shl-vs{animation:none;transform:rotate(var(--r));filter:drop-shadow(0 14px 16px rgba(40,30,10,.2))}
.shl-vs-in{position:relative}
.shl-vs-r .shl-vs-in{transform:scaleX(-1)}
.shl-vs-v{position:relative;z-index:2;display:block;width:100%;height:auto}
.shl-vs-s{position:absolute;z-index:1;height:auto;transform-origin:50% 0;animation:shlkach ease-in-out infinite}
.shl-vs-r .shl-vs-s{scale:-1 1}
@keyframes shlkach{0%,100%{transform:rotate(calc(var(--a)*-1))}50%{transform:rotate(var(--a))}}
@media(prefers-reduced-motion:reduce){.shl-vs-s{animation:none}}
