/* body { padding: 0; margin: 0 } */
html, body {min-height:100%;}
body {height:100vh;margin: 0px;}
#unity-container { position: relative; background: url(https://cdn.admarket.app/ton/webgl/build/TemplateData/bg.png) no-repeat center center fixed;background-size: cover; }
#unity-container.unity-desktop { width: 100%; height: 100%; }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #000000; left: 50%; top: 50%; transform: translate(-50%, -50%); position: relative; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('https://cdn.admarket.app/ton/webgl/build/TemplateData/unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('https://cdn.admarket.app/ton/webgl/build/TemplateData/progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('https://cdn.admarket.app/ton/webgl/build/TemplateData/progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('https://cdn.admarket.app/ton/webgl/build/TemplateData/webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('https://cdn.admarket.app/ton/webgl/build/TemplateData/fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#payment-popup { position: fixed; left:0; top:0; height: 100%; width: 100%; font-size: 14pt; font-family: sans-serif; color: white; display: none; background-color: rgba(0, 0, 0, 0.363);}
.payment-popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 380px; height: 300px; width: 100%; }
.payment-popup-bg { width: 100%; height: 100%; background: url("https://cdn.admarket.app/ton/webgl/build/TemplateData/bg_full.png"); background-repeat: round; }
#payment-popup-close-button { width: 40px; height: 40px; background: url("https://cdn.admarket.app/ton/webgl/build/TemplateData/close_button_1.png"); background-size: contain; position: relative; float: right; }
.payment-popup-warning { position: absolute; margin-bottom: 0px; width: 300px; margin: auto; left: 0; right: 0; bottom: 30px; text-align: center; }
#payment-popup-buttons { width: 100%; position: absolute; bottom: 0; margin-bottom: 100px; top: 0; margin-top: 53px; display: inline-grid; align-items: center; align-content: center; justify-content: center; justify-items: center;}
.payment-popup-button { appearance: none; height: 55px; padding-bottom: 6px; margin: 5px; width: 270px; text-align: center; background: url("https://cdn.admarket.app/ton/webgl/build/TemplateData/button.png"); background-repeat: round; border: none; border-radius: 36px; font-size: 14pt; font-family: sans-serif; color: white;}
.payment-popup-button:hover { opacity: 0.9; }