CINXE.COM
<!doctype html> <html> <head> <title></title> <base href="/"> <meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"> <link href="/4.main.ce7aea3c50b8bde0b8a5.css" rel="stylesheet"></head> <body> <div id="root"></div> <style> @-webkit-keyframes loader-gradient { from { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 90%, #ccc 100%); } to { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 90%, #ccc 100%); -webkit-transform: rotate(720deg) transform: rotate(720deg) } 1%, 99% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 89%, #ccc 100%); } 2%, 98% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 88%, #ccc 100%); } 3%, 97% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 87%, #ccc 100%); } 4%, 96% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 86%, #ccc 100%); } 5%, 95% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 85%, #ccc 100%); } 10%, 90% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 80%, #ccc 100%); } 20%, 80% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 70%, #ccc 100%); } 30%, 70% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 60%, #ccc 100%); } 40%, 60% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 50%, #ccc 100%); } 50% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 10%, #ccc 100%); } } @keyframes loader-gradient { from { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 90%, #ccc 100%); } to { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 90%, #ccc 100%); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg); } 1%, 99% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 89%, #ccc 100%); } 2%, 98% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 88%, #ccc 100%); } 3%, 97% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 87%, #ccc 100%); } 4%, 96% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 86%, #ccc 100%); } 5%, 95% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 85%, #ccc 100%); } 10%, 90% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 80%, #ccc 100%); } 20%, 80% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 70%, #ccc 100%); } 30%, 70% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 60%, #ccc 100%); } 40%, 60% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 50%, #ccc 100%); } 50% { background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 10%, #ccc 100%); } } @-webkit-keyframes loader-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { to { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-collapse { to { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes loader-collapse { to { -ms-transform: scale(0); transform: scale(0); opacity: 0; } } @-webkit-keyframes loader-spinner-fade-in { to { opacity: 1; } } @keyframes loader-spinner-fade-in { to { opacity: 1; } } @-webkit-keyframes loader-fade-in { 0% { opacity: 0.1; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-fade-in { 0% { opacity: 0.1; } 100% { opacity: 1; -ms-transform: scale(1); transform: scale(1); } } .page-loader { position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #f7f7f7; text-align: center; pointer-events: none; } .page-loader__inner { min-width: 200px; position: relative; opacity: 0; transform: scale(0.9); -webkit-animation: loader-fade-in 0.3s ease-in-out forwards; animation: loader-fade-in 0.3s ease-in-out forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } .page-loader__icon { width: 80px; height: 80px; margin: auto; position: relative; border-radius: 40px; border: 1px solid #ccc; background-color: #fff; } .page-loader__icon > svg, .page-loader__icon > img { width: 100%; max-width: 64px; max-height: 50px; fill: #999 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: fill 2s ease-in-out 0.4s; } .page-loader__icon > svg * { fill: #999 !important; } .page-loader__spinner { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 104px; height: 104px; opacity: 0; -webkit-animation: 0.6s ease 0.4s 1 forwards loader-spinner-fade-in; animation: 0.6s ease 0.4s 1 forwards loader-spinner-fade-in; } .page-loader .spinner { opacity: 1; transition: 1s ease-in-out opacity; position: absolute; width: 104px; height: 104px; border-radius: 50%; background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 90%, #ccc 100%); -webkit-animation: 1.4s ease-out 0.8s infinite forwards loader-gradient; animation: 1.4s ease-out 0.8s infinite forwards loader-gradient; } .page-loader .spinner--brand { opacity: 0; } .page-loader .spinner__mask { position: absolute; background: #f7f7f7; top: 2px; left: 2px; bottom: 2px; right: 2px; border-radius: 50%; } </style> <div class="page-loader"> <div class="page-loader__inner"> <div class="page-loader__spinner"> <div class="spinner"> <div class="spinner__mask"></div> </div> <div class="spinner spinner--brand"> <div class="spinner__mask"></div> </div> <div class="spinner spinner--branded-circle"> <div class="spinner__mask"></div> </div> </div> <div class="page-loader__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M22 12V7a5 5 0 00-5-5h-2a5 5 0 00-5 5v5H6v18h20V12zM12 7a3 3 0 013-3h2a3 3 0 013 3v5h-8zm12 21H8V14h16z" fill="#000"/><path d="M16 17a2 2 0 00-.5 3.93V25h1v-4.07A2 2 0 0016 17z" fill="#000"/></svg> </div> </div> </div> <script type="text/javascript" src="/static/config.js?5265f5f3badf59b4d442"></script><script type="text/javascript" src="/static/runtime.dffdf022dad55144a197.bundle.js"></script><script type="text/javascript" src="/static/4.6b94532cdd0a47eb7831.chunk.js"></script></body> </html>