.my-reconnect-modal{@keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-moz-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-o-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-moz-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@-o-keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);}}@keyframes loading-text-opacity{0%{opacity:0;}20%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-moz-keyframes loading-text-opacity{0%{opacity:0;}20%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes loading-text-opacity{0%{opacity:0;}20%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-o-keyframes loading-text-opacity{0%{opacity:0;}20%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}}.my-reconnect-modal>div{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;overflow:hidden;opacity:1;text-align:center;font-weight:bold;background-image:url(/img/lobby.jpg);background-size:cover;font-size:14px;}.my-reconnect-modal.components-reconnect-hide>div{display:none;}.my-reconnect-modal.components-reconnect-show>div{display:none;}.my-reconnect-modal.components-reconnect-show>.show{display:block;}.my-reconnect-modal.components-reconnect-failed>div{display:none;}.my-reconnect-modal.components-reconnect-failed>.failed{display:block;}.my-reconnect-modal.components-reconnect-rejected>div{display:none;}.my-reconnect-modal.components-reconnect-rejected>.rejected{display:block;}.my-reconnect-modal .loading-container,.my-reconnect-modal .loading{height:100px;position:relative;width:100px;border-radius:100%;}.my-reconnect-modal .loading-container{margin:45px auto;}.my-reconnect-modal .loading{border:2px solid transparent;border-color:transparent #fff transparent #FFF;-moz-animation:rotate-loading 1.5s linear 0s infinite normal;-moz-transform-origin:50% 50%;-o-animation:rotate-loading 1.5s linear 0s infinite normal;-o-transform-origin:50% 50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-transform-origin:50% 50%;animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%;}.my-reconnect-modal .loading-container:hover .loading{border-color:transparent #E45635 transparent #E45635;}.my-reconnect-modal .loading-container:hover .loading,.my-reconnect-modal .loading-container .loading{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}.my-reconnect-modal #loading-text{-moz-animation:loading-text-opacity 2s linear 0s infinite normal;-o-animation:loading-text-opacity 2s linear 0s infinite normal;-webkit-animation:loading-text-opacity 2s linear 0s infinite normal;animation:loading-text-opacity 2s linear 0s infinite normal;color:#ffffff;font-size:1rem;font-weight:bold;margin-top:40px;opacity:0;position:absolute;text-align:center;text-transform:uppercase;top:0;width:100px;}