.ui5strapViewer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:top .2s ease-in,bottom .2s ease-in;-webkit-transition:top .2s ease-in,bottom .2s ease-in;-moz-transition:top .2s ease-in,bottom .2s ease-in;z-index:1;perspective:1000px}#ui5strapGlobalOverlay{z-index:4}#ui5strapGlobalLoader{z-index:60}#ui5strapNetworkError{z-index:500}#ui5strapFatalError{font-family:sans-serif;z-index:1000;color:white;background-color:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center}#ui5strapFatalErrorWindow{width:240px;text-align:center}#ui5strapFatalErrorImageContainer,#ui5strapFatalErrorMessage{margin-bottom:16px}#ui5strapFatalErrorImage{width:160px}#ui5strapFatalErrorMessage{font-size:16px;line-height:1.5}#ui5strapFatalErrorButton{padding:8px 16px;font-size:16px;border:solid 1px white;color:white;background-color:transparent;border-radius:4px}#ui5strapNoScript{z-index:5000;padding:20px;color:white;background-color:rgba(0,0,0,0.9)}.ui5strapApp{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ui5strapApp-option-Standard{background-color:white}.ui5strapApp-current{z-index:2}.ui5strapApp-next{position:absolute;left:0;top:0;right:auto;bottom:auto;width:100%;height:100%;z-index:1}.ui5strapApp-content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.ui5strapApp-overlay{z-index:4}.ui5strapApp-loader{z-index:6}.ui5strapLayer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .25s ease;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.ui5strapLayer-type-Global{z-index:10}.ui5strapLoader{background-color:rgba(0,0,0,0.8)}.ui5strapLoader:after{content:'';position:absolute;background-image:url('../base/img/spinner-white.png');background-position:center center;background-repeat:no-repeat;background-size:cover;width:24px;height:24px;left:50%;top:50%;margin-left:-12px;margin-top:-12px;color:white;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ui5strapOverlay-content{position:absolute;top:0;left:0;bottom:0;right:0}.ui5strapOverlay-backdrop{position:absolute;top:0;left:0;bottom:0;right:0}.ui5strapOverlay-backdrop{background-color:rgba(0,0,0,0.8);cursor:pointer;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ui5strapNetworkError{background-color:rgba(0,0,0,0.8)}.ui5strap-hidden{display:none !important}.ui5strap-invisible{opacity:0 !important}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes shake{0%{-moz-transform:rotate(-5deg)}50%{-moz-transform:rotate(5deg)}100%{-moz-transform:rotate(-5deg)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg)}100%{-webkit-transform:rotate(-5deg)}}@keyframes shake{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}@keyframes shake-wide{0%{transform:translate(12px, 0)}50%{transform:translate(-12px, 0)}100%{transform:translate(0, 0)}}@-moz-keyframes shake-wide{0%{-moz-transform:translate(12px, 0)}50%{-moz-transform:translate(-12px, 0)}100%{-moz-transform:translate(0, 0)}}@-webkit-keyframes shake-wide{0%{-webkit-transform:translate(12px, 0)}50%{-webkit-transform:translate(-12px, 0)}100%{-webkit-transform:translate(0, 0)}}.ui5strap-spinner-bounce{margin:0 auto;width:70px;text-align:center}.ui5strap-spinner-bounce>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.ui5strap-spinner-bounce>div:nth-child(1){-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.ui5strap-spinner-bounce>div:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.ui5strap-console-container{overflow:hidden;height:100%}.ui5strap-console{background-color:black;height:100%;overflow:auto;font-family:monospace}.ui5strap-console-inner{padding:12px}.ui5strap-console-line{color:#ecf0f1}.ui5strap-console-line-info{color:#3498db}.ui5strap-console-line-debug{color:#ecf0f1}.ui5strap-console-line-warning{color:#f1c40f}.ui5strap-console-line-error{color:#e74c3c}.ui5strap-console-line-fatal{color:#e74c3c}.sandbox{position:relative;width:100%;height:100%}.sandbox-iframe{width:100%;height:100%;border:none}