@layer components{@media (prefers-reduced-motion:no-preference){.cl-float{animation:cl-float var(--float-duration,9s) ease-in-out var(--float-delay,0s) infinite;animation-play-state:var(--float-state,running)}.cl-coin{animation:6s ease-in-out infinite alternate cl-coin;animation-play-state:var(--float-state,running)}.cl-rise{animation:cl-rise .6s cubic-bezier(.22, 1, .36, 1) var(--rise-delay,0s) both}.cl-wait{opacity:0}.cl-drop{animation:cl-drop 1s cubic-bezier(.34, 1.56, .64, 1) var(--drop-delay,0s) both}.cl-marquee-row{animation:cl-marquee var(--marquee-dur,60s) linear infinite;animation-direction:var(--marquee-dir,normal)}.cl-marquee-row:hover{animation-play-state:paused}}@keyframes cl-marquee{to{transform:translate(-50%)}}@keyframes cl-drop{0%{opacity:0;translate:0 -40cqh;rotate:var(--spin,0deg)}40%{opacity:1}}.cl-coin{transform:rotateX(6deg)rotateY(-18deg)}@keyframes cl-float{0%,to{translate:0;rotate:var(--tilt,0deg)}50%{translate:0 -12px;rotate:calc(var(--tilt,0deg) + 3deg)}}@keyframes cl-coin{0%{transform:rotateX(8deg)rotateY(-26deg)}to{transform:rotateX(4deg)rotateY(26deg)}}@keyframes cl-rise{0%{opacity:0;translate:0 18px}}}