@layer components{.rf-svg{pointer-events:none;width:100%;height:100%;display:block}}.rf-svg g{transform-origin:0 0}.rf-grow{animation:rf-grow .9s cubic-bezier(.34, 1.56, .64, 1) var(--gd,0s) forwards;transform:scale(0)}.rf-svg.rf-nogrow .rf-grow{animation:none;transform:none}@keyframes rf-grow{to{transform:scale(1)}}.rf-sway{animation:rf-sway var(--dur,5s) ease-in-out var(--sd,1s) infinite}@keyframes rf-sway{0%,to{transform:rotate(0)}25%{transform:rotate(var(--amp,3deg))}75%{transform:rotate(calc(var(--amp,3deg) * -1))}}.rf-ray{opacity:var(--ro,.15);animation:rf-ray var(--rt,14s) ease-in-out var(--rd,0s) infinite alternate}@keyframes rf-ray{0%{opacity:calc(var(--ro,.15) * .4);transform:translate(-24px)}to{opacity:var(--ro,.15);transform:translate(24px)}}.rf-bubble{animation:rf-bubble var(--bt,12s) linear var(--bd,0s) infinite}@keyframes rf-bubble{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:.8}to{transform:translate(var(--bx,20px), calc(var(--bh,900px) * -1));opacity:0}}.rf-glint{animation:rf-glint var(--gt,4s) ease-in-out var(--gd,0s) infinite;opacity:.15}@keyframes rf-glint{0%,to{opacity:.1}50%{opacity:.95}}.rf-swim{animation:rf-swim var(--ft,50s) linear var(--fd,0s) infinite}@keyframes rf-swim{0%{transform:translateX(var(--x0,-100px))}to{transform:translateX(var(--x1,1700px))}}.rf-bob{animation:rf-bob var(--fb,4s) ease-in-out infinite alternate}@keyframes rf-bob{0%{transform:translateY(-9px)}to{transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.rf-grow,.rf-sway,.rf-ray{animation:none;transform:none}.rf-ray{opacity:var(--ro,.15)}.rf-bubble{transform:translate(0, var(--rest,-200px));opacity:.7;animation:none}.rf-glint{opacity:.6;animation:none}.rf-swim{transform:translateX(var(--xr,600px));animation:none}.rf-bob{animation:none}}