/* colasoftware soda bottle: layout and animation. */
.cola-bottle{width:100%;height:100%;overflow:visible}
.cola-bottle .rig{transform-box:fill-box;transform-origin:50% 60%;animation:cb-float 7s ease-in-out infinite}
.cola-bottle .splash{transform-box:fill-box;transform-origin:50% 50%;animation:cb-swell 6s ease-in-out infinite}
.cola-bottle .bubble{transform-box:fill-box;transform-origin:50% 50%;animation:cb-rise var(--t,4s) linear infinite;animation-delay:var(--d,0s)}
.cola-bottle .diamond{transform-box:fill-box;transform-origin:50% 50%;animation:cb-drift 9s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.cola-bottle .spark{transform-box:fill-box;transform-origin:50% 50%;animation:cb-spark var(--t,6s) ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes cb-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(-2.5deg)}}
@keyframes cb-swell{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06) translateY(4px);opacity:1}}
@keyframes cb-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.6}100%{transform:translateY(-140px);opacity:0}}
@keyframes cb-drift{from{transform:translateY(0) rotate(0deg)}to{transform:translateY(-16px) rotate(14deg)}}
@keyframes cb-spark{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-22px);opacity:1}}
@media (prefers-reduced-motion:reduce){.cola-bottle *{animation:none!important}}