.react-loadly{display:inline-block;position:relative}.react-loadly,.react-loadly *,.react-loadly :after,.react-loadly :before{box-sizing:border-box}:root{--react-loadly-color:#6366f1;--react-loadly-secondary-color:#8b5cf6;--react-loadly-size:40px;--react-loadly-speed:1;--react-loadly-background:transparent;--react-loadly-text-color:#6b7280;--react-loadly-border-width:2px;--react-loadly-glow-intensity:.5;--react-loadly-error-color:#f87171;--react-loadly-error-color-hover:#ef4444;--react-loadly-error-background:#fef2f2;--react-loadly-error-border:#fecaca}.react-loadly-text{color:var(--react-loadly-text-color);text-align:center;margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500}.react-loadly-error{background-color:var(--react-loadly-error-background);border:1px solid var(--react-loadly-error-border);color:var(--react-loadly-error-color-hover);border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.react-loadly-error-icon{color:var(--react-loadly-error-color);width:24px;height:24px;margin-bottom:8px}.react-loadly-retry-button{background-color:var(--react-loadly-error-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:8px 16px;font-size:14px;transition:background-color .2s}.react-loadly-retry-button:hover{background-color:var(--react-loadly-error-color-hover)}.react-loadly-retry-button:focus{outline:2px solid var(--react-loadly-error-color);outline-offset:2px}.react-loadly[aria-hidden=true]{pointer-events:none}.react-loadly-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-loadly,.react-loadly *{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.react-loadly,.react-loadly *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes react-loadly-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes react-loadly-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes react-loadly-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes react-loadly-wave{0%,60%,to{transform:none}30%{transform:translateY(-15px)}}@keyframes react-loadly-glow{0%,to{box-shadow:0 0 5px var(--react-loadly-color)}50%{box-shadow:0 0 20px var(--react-loadly-color),0 0 30px var(--react-loadly-color)}}@keyframes react-loadly-fade{0%,to{opacity:1}50%{opacity:.3}}@keyframes react-loadly-scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes react-loadly-flip{0%{transform:perspective(120px)rotateX(0)rotateY(0)}50%{transform:perspective(120px)rotateX(-180.1deg)rotateY(0)}to{transform:perspective(120px)rotateX(-180deg)rotateY(-179.9deg)}}@keyframes react-loadly-liquid{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(180deg)}}@keyframes react-loadly-flow{0%{opacity:0;transform:translate(-100px)scale(0)}50%{opacity:1;transform:translate(50%)scale(1)}to{opacity:0;transform:translate(100%)scale(0)}}@keyframes react-loadly-neumorphic-pulse{0%,to{transform:scale(1);box-shadow:inset 5px 5px 10px rgba(255,255,255,.1),inset -5px -5px 10px rgba(0,0,0,.1)}50%{transform:scale(1.05);box-shadow:inset 8px 8px 15px rgba(255,255,255,.15),inset -8px -8px 15px rgba(0,0,0,.15)}}@keyframes react-loadly-neumorphic-rotate{0%{transform:rotate(0);box-shadow:inset 5px 5px 10px rgba(255,255,255,.1),inset -5px -5px 10px rgba(0,0,0,.1)}25%{box-shadow:inset -5px 5px 10px rgba(255,255,255,.1),inset 5px -5px 10px rgba(0,0,0,.1)}50%{transform:rotate(180deg);box-shadow:inset -5px -5px 10px rgba(255,255,255,.1),inset 5px 5px 10px rgba(0,0,0,.1)}75%{box-shadow:inset 5px -5px 10px rgba(255,255,255,.1),inset -5px 5px 10px rgba(0,0,0,.1)}to{transform:rotate(1turn);box-shadow:inset 5px 5px 10px rgba(255,255,255,.1),inset -5px -5px 10px rgba(0,0,0,.1)}}@keyframes react-loadly-bars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}@keyframes react-loadly-blob{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes react-loadly-liquid-wave{0%,to{transform:translate(-25%,50%)rotate(0)}50%{transform:translate(-25%,40%)rotate(180deg)}}@keyframes react-loadly-ring{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes react-loadly-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes react-loadly-dots{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes react-loadly-clock-hour{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(1turn)}}@keyframes react-loadly-clock-minute{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(1turn)}}@keyframes react-loadly-clock-second{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(1turn)}}@keyframes react-loadly-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes react-loadly-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes react-loadly-shimmer-overlay{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes react-loadly-shimmer-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes react-loadly-shimmer-wave-overlay{0%{transform:translate(-100%)scaleX(0)}50%{transform:translate(0)scaleX(1)}to{transform:translate(100%)scaleX(0)}}.react-loadly-auto-skeleton{width:100%;transition:opacity .3s ease-in-out;display:block}.react-loadly-progress-ring{will-change:transform}.react-loadly-progress-ring svg{transform-origin:50%;will-change:transform;animation:2s linear infinite react-loadly-progress-ring-rotate}.react-loadly-progress-ring svg circle{transform-origin:50%}.react-loadly-progress-ring svg circle:last-child{animation:1.5s ease-in-out infinite react-loadly-progress-ring-pulse}.react-loadly-neumorphic{will-change:transform,box-shadow}.react-loadly-neumorphic>div{animation:react-loadly-neumorphic-pulse var(--react-loadly-speed,1s)ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.react-loadly-neumorphic.react-loadly-rotate>div{animation:react-loadly-neumorphic-rotate var(--react-loadly-speed,1s)linear infinite}@keyframes react-loadly-rotate-3d{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(1turn)rotateY(1turn)rotate(1turn)}}@keyframes react-loadly-morph{0%,to{border-radius:50%;transform:rotate(0)}25%{border-radius:20% 80%;transform:rotate(90deg)}50%{border-radius:80% 20%;transform:rotate(180deg)}75%{border-radius:20% 80%;transform:rotate(270deg)}}@keyframes react-loadly-dots-enhanced{0%,20%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes react-loadly-progress-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}