/* Noto Sans */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap');

/* Commissioner */
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@900&display=swap');

/* tzimmes-black */
@import url("https://use.typekit.net/ify5pwq.css");


/* BACKGROUND  FOR BBG WRAPPER GAMES... YGG */
#container-game {
    background-image: url(../images/platform/preloader_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: initial !important; /*if set to fixed, there might be no background image on the iOS devices*/
    background-position: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#loading .loading-screen .game-logo {
    background-image: url(../images/platform/preloader_logo.png);
}

/*  this is the containing div which has the preloader mount */
#loading .loading-screen .loading-bar {
    position: relative;
    bottom: initial;
    width: 393px;
    height: 34px;
    margin: auto;
    background-image: url(../images/platform/preloader_mount.png);
    background-size: contain;
}

/*  this is required to set the pixel width of the preloader bar */
#loading .loading-screen .loading-bar-progress-wrap {
    width: 370px;
    height: 10px;
    top: 13px;
    left: 13px; /*  offset to add required margin as per design  */
}

/*  the width of this div is dynamically changed from 1% - 100% */
#loading .loading-screen .loading-bar-progress {
    background-image: url(../images/platform/preloader_bar.png);
    background-repeat: no-repeat;
}

/** Dat GUI (ie. Dev UI) **/
.dg select {
    color: #000;
}

.dg.a {
    margin-right: calc(50% - 150px) !important;
}