.rb-layer{inset:0 0 var(--rb-bottom,0px);position:absolute;container-type:size}.rb-flight{--rb-size:clamp(56px, 16cqmin, 96px);--rb-x-ms:5.3s;--rb-y-ms:3.7s;animation:rb-bounce-x var(--rb-x-ms) linear infinite alternate;position:absolute;top:0;left:0}.rb-flight[data-side=right]{animation-delay:calc(var(--rb-x-ms) * -1)}.rb-bounce{animation:rb-bounce-y var(--rb-y-ms) linear infinite alternate;animation-delay:calc(var(--rb-y,.5) * var(--rb-y-ms) * -1)}.rb-flight[data-state=opening],.rb-flight[data-state=opening] .rb-bounce{animation-play-state:paused}.rb-box{width:var(--rb-size);aspect-ratio:1;animation:.35s cubic-bezier(.34,1.56,.64,1) both rb-pop}.rb-img{filter:drop-shadow(0 6px 10px #0006);-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .35s ease-in .3s,filter .3s ease-out;animation:.8s ease-in-out infinite alternate rb-wobble;display:block}.rb-box:hover .rb-img{filter:drop-shadow(0 6px 10px #0006)brightness(1.12)}.rb-flight[data-state=opening] .rb-img{opacity:0;filter:brightness(1.7)drop-shadow(0 0 18px #ffffffe6);animation:none;transform:scale(1.5)rotate(-6deg)}@keyframes rb-bounce-x{0%{transform:translate(0)}to{transform:translateX(calc(100cqw - var(--rb-size)))}}@keyframes rb-bounce-y{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - var(--rb-size)))}}@keyframes rb-wobble{0%{transform:rotate(-9deg)scale(.97)}to{transform:rotate(9deg)scale(1.04)}}@keyframes rb-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
