.components-reconnect-first-attempt-visible,.components-reconnect-repeated-attempt-visible,.components-reconnect-failed-visible,.components-pause-visible,.components-resume-failed-visible,.components-rejoining-animation{display:none}#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible,#components-reconnect-modal.components-reconnect-show .components-rejoining-animation,#components-reconnect-modal.components-reconnect-paused .components-pause-visible,#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible,#components-reconnect-modal.components-reconnect-retrying,#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible,#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation,#components-reconnect-modal.components-reconnect-failed,#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible{display:block}#components-reconnect-modal{background-color:#fff;width:20rem;margin:20vh auto;padding:2rem;border:0;border-radius:.5rem;box-shadow:0 3px 6px 2px rgba(0,0,0,.3);opacity:0;transition:display .5s allow-discrete,overlay .5s allow-discrete;animation:components-reconnect-modal-fadeOutOpacity .5s both}#components-reconnect-modal[open]{animation:components-reconnect-modal-slideUp 1.5s cubic-bezier(.05,.89,.25,1.02) .3s,components-reconnect-modal-fadeInOpacity .5s ease-in-out .3s;animation-fill-mode:both}#components-reconnect-modal::backdrop{background-color:rgba(0,0,0,.4);animation:components-reconnect-modal-fadeInOpacity .5s ease-in-out;opacity:1}@keyframes components-reconnect-modal-slideUp{0%{transform:translateY(30px) scale(.95)}100%{transform:translateY(0)}}@keyframes components-reconnect-modal-fadeInOpacity{0%{opacity:0}100%{opacity:1}}@keyframes components-reconnect-modal-fadeOutOpacity{0%{opacity:1}100%{opacity:0}}.components-reconnect-container{display:flex;flex-direction:column;align-items:center;gap:1rem}#components-reconnect-modal p{margin:0;text-align:center}#components-reconnect-modal button{border:0;background-color:#6b9ed2;color:#fff;padding:4px 24px;border-radius:4px;cursor:pointer}#components-reconnect-modal button:hover{background-color:#3b6ea2}#components-reconnect-modal button:active{background-color:#6b9ed2}.components-rejoining-animation{position:relative;width:80px;height:80px}.components-rejoining-animation div{position:absolute;border:3px solid #0087ff;opacity:1;border-radius:50%;animation:components-rejoining-animation 1.5s cubic-bezier(0,.2,.8,1) infinite}.components-rejoining-animation div:nth-child(2){animation-delay:-.5s}@keyframes components-rejoining-animation{0%{top:40px;left:40px;width:0;height:0;opacity:0}4.9%{top:40px;left:40px;width:0;height:0;opacity:0}5%{top:40px;left:40px;width:0;height:0;opacity:1}100%{top:0;left:0;width:80px;height:80px;opacity:0}}