CINXE.COM
<!DOCTYPE html> <html lang="en" style="background-color: #090527"> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="google-site-verification" content="f7jJ03UDzNxCyWQleLah7tUTVC90WPxW82qi7mPRRbU" /> <!-- limited ads url necessary for enabling limited ads mode https://developers.google.com/publisher-tag/guides/general-best-practices#load_from_an_official_source --> <script async src="https://pagead2.googlesyndication.com/tag/js/gpt.js"></script> <script type="module" crossorigin src="/assets-a2/index-B3_pN7gn.js"></script> <link rel="stylesheet" crossorigin href="/assets-a2/index-DZe2kkTs.css"> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> <div id="portal"></div> <style> html, body { margin: 0; padding: 0; } @-webkit-keyframes loading-upper { 0% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 12.5% { -webkit-transform: scaleY(20); transform: scaleY(20); } 25%, 50% { -webkit-transform: scaleY(7); transform: scaleY(7); } 62.5% { -webkit-transform: scaleY(25); transform: scaleY(25); } 75%, 87.5% { opacity: 1; -webkit-transform: scaleY(7); transform: scaleY(7); } 87.51%, 100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes loading-upper { 0% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 12.5% { -webkit-transform: scaleY(20); transform: scaleY(20); } 25%, 50% { -webkit-transform: scaleY(7); transform: scaleY(7); } 62.5% { -webkit-transform: scaleY(25); transform: scaleY(25); } 75%, 87.5% { opacity: 1; -webkit-transform: scaleY(7); transform: scaleY(7); } 87.51%, 100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes loading-lower { 0%, 25% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 25.1% { -webkit-transform: scaleY(7); transform: scaleY(7); } 37.5% { -webkit-transform: scaleY(25); transform: scaleY(25); } 50%, 75% { -webkit-transform: scaleY(7); transform: scaleY(7); } 81% { -webkit-transform: scaleY(15); transform: scaleY(15); } 87.5% { -webkit-transform: scaleY(7); transform: scaleY(7); } 99.9% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 0; } } @keyframes loading-lower { 0%, 25% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 25.1% { -webkit-transform: scaleY(7); transform: scaleY(7); } 37.5% { -webkit-transform: scaleY(25); transform: scaleY(25); } 50%, 75% { -webkit-transform: scaleY(7); transform: scaleY(7); } 81% { -webkit-transform: scaleY(15); transform: scaleY(15); } 87.5% { -webkit-transform: scaleY(7); transform: scaleY(7); } 99.9% { opacity: 1; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 0; } } .loading { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } .loading__inner { display: flex; justify-content: space-between; flex-direction: row-reverse; height: 50px; width: 49px; } .loading__bar-container { position: relative; width: 7px; } .loading__bar { background-color: rgb(255, 255, 255); position: absolute; left: 0px; width: 100%; height: 1px; opacity: 0; } .loading__bar--upper { bottom: 25px; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-name: loading-upper; animation-name: loading-upper; -webkit-animation-duration: 2.8s; animation-duration: 2.8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .loading__bar--lower { top: 18px; -webkit-transform-origin: center top; transform-origin: center top; -webkit-animation-name: loading-lower; animation-name: loading-lower; -webkit-animation-duration: 2.8s; animation-duration: 2.8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .loading__bar-container:nth-child(1) div { -webkit-animation-delay: -2.8s; animation-delay: -2.8s; } .loading__bar-container:nth-child(2) div { -webkit-animation-delay: -2.92s; animation-delay: -2.92s; } .loading__bar-container:nth-child(3) div { -webkit-animation-delay: -3.04s; animation-delay: -3.04s; } .loading__bar-container:nth-child(4) div { -webkit-animation-delay: -3.16s; animation-delay: -3.16s; } @media (prefers-reduced-motion: reduce) { .loading__bar--upper, .loading__bar--lower { -webkit-animation-duration: 8.4s; animation-duration: 8.4s; } } </style> <div class="loading" id="initial-loading"> <div class="loading__inner"> <div class="loading__bar-container"> <div class="loading__bar loading__bar--upper"></div> <div class="loading__bar loading__bar--lower"></div> </div> <div class="loading__bar-container"> <div class="loading__bar loading__bar--upper"></div> <div class="loading__bar loading__bar--lower"></div> </div> <div class="loading__bar-container"> <div class="loading__bar loading__bar--upper"></div> <div class="loading__bar loading__bar--lower"></div> </div> <div class="loading__bar-container"> <div class="loading__bar loading__bar--upper"></div> <div class="loading__bar loading__bar--lower"></div> </div> </div> </div> <iframe id="multisync-iframe" height="0" width="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="border: 0px; display: none" ></iframe> </body> </html>