club-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:340px;padding:32px 16px;text-align:center;max-width:100%;box-sizing:border-box}
club-loading .mdc-loading-scene{position:relative;width:220px;height:230px;max-width:100%;isolation:isolate;overflow:hidden}
club-loading .mdc-loading-halo{position:absolute;inset:17px 10px 13px;background:radial-gradient(circle at 35% 30%,#65e5e7,#24adc4);border-radius:50%;box-shadow:0 0 60px #3dd6e529}
club-loading .mdc-loading-umbrella{position:absolute;width:178px;height:187px;left:21px;top:23px;filter:drop-shadow(0 8px 7px #02648038);animation:mdc-umbrella-float 4.6s ease-in-out infinite}
club-loading .mdc-loading-canopy{transform-origin:100px 32px;animation:mdc-umbrella-open 4.6s cubic-bezier(.22,.85,.35,1) infinite}
club-loading .mdc-loading-rain{position:absolute;inset:0;overflow:hidden;border-radius:50%}
club-loading .mdc-loading-rain i{position:absolute;top:-35px;left:7%;width:2px;height:23px;background:linear-gradient(transparent,#e2fbffbb);border-radius:3px;animation:mdc-rain-fall 1.35s linear infinite}
club-loading .mdc-loading-rain i:nth-child(2){left:19%;animation-delay:-.6s}club-loading .mdc-loading-rain i:nth-child(3){left:31%;animation-delay:-.2s}club-loading .mdc-loading-rain i:nth-child(4){left:43%;animation-delay:-1s}club-loading .mdc-loading-rain i:nth-child(5){left:55%;animation-delay:-.4s}club-loading .mdc-loading-rain i:nth-child(6){left:67%;animation-delay:-.85s}club-loading .mdc-loading-rain i:nth-child(7){left:79%;animation-delay:-.1s}club-loading .mdc-loading-rain i:nth-child(8){left:91%;animation-delay:-.7s}club-loading .mdc-loading-rain i:nth-child(9){left:13%;animation-delay:-1.2s}club-loading .mdc-loading-rain i:nth-child(10){left:37%;animation-delay:-.8s}club-loading .mdc-loading-rain i:nth-child(11){left:61%;animation-delay:-1.3s}club-loading .mdc-loading-rain i:nth-child(12){left:85%;animation-delay:-.45s}
club-loading .mdc-loading-ripple{position:absolute;width:70px;height:10px;left:75px;bottom:17px;border:1px solid #c4ffff99;border-radius:50%;animation:mdc-ripple 2.3s ease-out infinite}
club-loading .mdc-loading-label{margin:0;color:#e7f7ff;font:600 1rem/1.6 system-ui,sans-serif;max-width:30ch;overflow-wrap:anywhere}
club-loading .mdc-loading-dots{display:flex;gap:7px;height:6px}club-loading .mdc-loading-dots i{width:5px;height:5px;background:#ffe94b;border-radius:50%;animation:mdc-dot 1.5s ease-in-out infinite}club-loading .mdc-loading-dots i:nth-child(2){animation-delay:.2s}club-loading .mdc-loading-dots i:nth-child(3){animation-delay:.4s}
club-loading[compact]{min-height:180px;padding:20px 12px;gap:8px}club-loading[compact] .mdc-loading-scene{zoom:.55}club-loading[compact] .mdc-loading-label{font-size:.875rem}
@keyframes mdc-umbrella-open{0%,12%{transform:scaleX(.13) scaleY(1.4)}30%,78%{transform:scale(1)}94%,100%{transform:scaleX(.13) scaleY(1.4)}}
@keyframes mdc-umbrella-float{0%,100%{transform:translateY(3px) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes mdc-rain-fall{to{transform:translate(-16px,275px)}}@keyframes mdc-ripple{from{transform:scale(.5);opacity:.65}to{transform:scale(1.3);opacity:0}}@keyframes mdc-dot{50%{opacity:.3;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){club-loading *,club-loading *::before,club-loading *::after{animation:none!important}club-loading .mdc-loading-rain i{top:24px;opacity:.35}club-loading .mdc-loading-canopy{transform:none}club-loading .mdc-loading-ripple{opacity:.5}}