@font-face {font-family:Snippet;src:url(/scripts/Snippet-Regular.ttf);font-display:swap}
body { padding: 0; margin: 0;font-family:tahoma,arial,helvetica,sans-serif; }
h1{font-weight:normal;font-family:Snippet,tahoma,arial,helvetica,sans-serif;margin:0;font-size:20px;padding-bottom:5px;color:#666;}
#livechat{position:fixed;z-index:-1;background:url(../../img/Hangouts_icon.svg) #666 no-repeat 10px center;background-size:40px;padding:0;left:0;bottom:5%;border-radius:0 5px 5px 0;}
#livechat.hidden{display:none;}
#livechat h3, #livechat p{margin:0;}
#livechat h3{font-family:Snippet,tahoma,arial,helvetica,sans-serif;font-size:24px;}
#livechat a{color:#fff;text-decoration:none;display:block;padding:10px 15px 0px 65px;}
#livechat p a{padding:0px 15px 10px 65px;}
@media screen and  (max-width:1000px) {
  #livechat{
    left:auto;
    bottom:auto;
    top:0;
    right:0;
    position:absolute;
    border-radius:0;
    z-index:1;
    height:50px;
  }
  #livechat h3 a{font-size:16px;}
  #livechat p a{font-size:12px;}
  h1{height:30px;}
}
#unity-loading-bar:after{content:"CHARGEMENT";letter-spacing:2px;display:block;color:#000;font-size:12px;text-align: center;margin-top:10px;animation:loading infinite alternate 2s;opacity:0.5;}
@keyframes loading{from{opacity:0;}to{opacity:0.4}}
#unity-container { position: absolute }
#unity-container.unity-desktop { background:#fff;left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #eee; }
.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('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 157px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('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('webgl-logo.png') no-repeat center }
#unity-webgl-logo:before { content:"";display:inline-block;vertical-align:top;border:4px solid #ccc;border-right-color:transparent;border-bottom-color:transparent;height:14px;width:14px;transform:rotate(-45deg) translate(-20px,-8px);}
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-mobile-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); backgbody { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #eee; }
.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('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 157px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('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('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 { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-mobile-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }