@croquet/microverse-library/assets/css/microverse.css

An npm package version of Microverse

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Poppins-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    height: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    margin: 0;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    overscroll-behavior: none;
    overflow: hidden;
    touch-action: none;
    height: 100%;
}

body.tilt {
    perspective: 2000px;
    perspective-origin: 50% 50%;
    background: repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 50% / 20px 20px;
}

iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
    transition: transform 0.5s ease-in-out;
}

body.tilt > iframe {
    --tilt-z: 0px;
    transform: rotateX(80deg) translate3d(0px, -400px, var(--tilt-z));
    border: #000 solid;
    border-width: 20px 4px 10px 4px;
    background-color: rgba(0, 0, 0, 0.1);
}

#hud {
    display: none;
}

#hud.primary-frame {
    display: block;
}

#shell-hud {
    display: none;
}

#shell-hud.is-shell {
    display: block;
}

#info {
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    /* TODO Solve this in HTML */
}

#microverse {
    position: relative;
    /* position" relative is important as it makes the control buttons inside laid out accordingly. */
    width: 100%;
    height: 100%;
    touch-action: none;
}

.info-text {
    color: #fff;
    z-index: 200;
    text-shadow: 2px 2px #000000;
}

.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.btn:hover {
    background-color: #80808080;
}

#homeBtn {
    bottom: 15px;
    left: 10%;
    transform: translate(0, -50%);
}

#fullscreenBtn {
    top: 10px;
    left: 10px;
}

#worldMenuBtn {
    top: 10px;
    right: 10px;
}

#editModeBtn {
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    display: none;
}

#editModeBtn[mobile="true"] {
    display: flex;
}

#editModeBtn[pressed="true"] {
    background-color: #80808080;
}

#editModeBtn[pressed="false"] {
    background-color: #d3d3d380;
}

#ghostSlider {
    z-index: 200;
    position: fixed;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    top: 20px;
    display: none;
}

.no-pointer-events {
    pointer-events: none;
}

.worldMenu {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 200;
    display: none;
    border-radius: 15px;
    padding: 5px;
    border: 1px solid white;
    color: white;
    width: 210px;
}

.menuVisible {
    display: block;
}

.statsHidden {
    display: none;
}

.menu-qr {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    cursor: pointer;
}

#qrDiv {
    width: 90%;
}

/* .menu-item {
    border-radius: 10px;
    margin-top: 5px;
} */

.menu-item::first-child {
    margin-top: 0px;
}

.menu-label {
    height: 55px;
    display: flex;
    align-items: center;
    transition: opacity 0.5s;
    cursor: pointer;
}

.menu-label:hover {
    opacity: 0.5;
}

.menu-label-text {
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: white;
    margin-left: 4px;
}

.menu-icon {
    width: 30px;
    height: 30px;
    margin-left: 6px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#worldMenu-settings {
    border-top: 1px solid black;
}

.help-menu-icon {
    width: 36px;
    height: 36px;
}

.connect-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMi4xODQ1NyIgeT0iMS43MTg3NSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMy41IiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0xOS41ODU4IDE2LjMxODRDMTguODQyNiAxNS41NzU1IDE3LjgzNDggMTUuMTU4MiAxNi43ODM5IDE1LjE1ODJDMTUuNzMzMSAxNS4xNTgyIDE0LjcyNTMgMTUuNTc1NSAxMy45ODIxIDE2LjMxODRMMTEuMTc5MyAxOS4xMjAzQzEwLjQzNjEgMTkuODYzNSAxMC4wMTg2IDIwLjg3MTUgMTAuMDE4NiAyMS45MjI2QzEwLjAxODYgMjIuOTczNyAxMC40MzYxIDIzLjk4MTcgMTEuMTc5MyAyNC43MjQ5QzExLjkyMjUgMjUuNDY4MSAxMi45MzA2IDI1Ljg4NTcgMTMuOTgxNiAyNS44ODU3QzE1LjAzMjcgMjUuODg1NyAxNi4wNDA3IDI1LjQ2ODEgMTYuNzgzOSAyNC43MjQ5TDE4LjE4NDkgMjMuMzI0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuNzg0MiAxOS4xMkMxNy41Mjc0IDE5Ljg2MjkgMTguNTM1MiAyMC4yODAyIDE5LjU4NiAyMC4yODAyQzIwLjYzNjkgMjAuMjgwMiAyMS42NDQ3IDE5Ljg2MjkgMjIuMzg3OSAxOS4xMkwyNS4xOTA3IDE2LjMxODFDMjUuOTMzOSAxNS41NzQ5IDI2LjM1MTQgMTQuNTY2OSAyNi4zNTE0IDEzLjUxNThDMjYuMzUxNCAxMi40NjQ3IDI1LjkzMzkgMTEuNDU2NyAyNS4xOTA3IDEwLjcxMzVDMjQuNDQ3NCA5Ljk3MDI3IDIzLjQzOTQgOS41NTI3MyAyMi4zODg0IDkuNTUyNzNDMjEuMzM3MyA5LjU1MjczIDIwLjMyOTMgOS45NzAyNyAxOS41ODYgMTAuNzEzNUwxOC4xODUxIDEyLjExNDQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.connected-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE4LjI3MzQiIGhlaWdodD0iMTguMjczNCIgcng9IjQiIGZpbGw9IiMyOEE3NDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNiAxMEw5IDEzTDE0IDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.ctrlclick-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCA3MiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYzLjMzOTMgMC4wNzcxNDg0SDYwLjY2MDdDNTYuMjI5IDAuMDc3MTQ4NCA1Mi42MjUgMy42OTMxOCA1Mi42MjUgOC4xMzk2NlYxOC44ODk3QzUyLjYyNSAyMy4zMzYxIDU2LjIyOSAyNi45NTIyIDYwLjY2MDcgMjYuOTUyMkg2My4zMzkzQzY3Ljc3MSAyNi45NTIyIDcxLjM3NSAyMy4zMzYxIDcxLjM3NSAxOC44ODk3VjguMTM5NjZDNzEuMzc1IDMuNjkzMTggNjcuNzcxIDAuMDc3MTQ4NCA2My4zMzkzIDAuMDc3MTQ4NFpNNjguNjk2NCAxOC44ODk3QzY4LjY5NjQgMjEuODU0IDY2LjI5MzggMjQuMjY0NyA2My4zMzkzIDI0LjI2NDdINjAuNjYwN0M1Ny43MDYzIDI0LjI2NDcgNTUuMzAzNiAyMS44NTQgNTUuMzAzNiAxOC44ODk3VjEzLjUxNDdINjguNjk2NFYxOC44ODk3Wk02My4zMzkzIDEwLjgyNzJWMi43NjQ2NUM2Ni4yOTM4IDIuNzY0NjUgNjguNjk2NCA1LjE3NTM0IDY4LjY5NjQgOC4xMzk2NlYxMC44MjcySDYzLjMzOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxLjg1ODQiIHk9IjQuMjMyNDIiIHdpZHRoPSIyOC44MzY5IiBoZWlnaHQ9IjE4LjU2NTQiIHJ4PSI0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQ0LjU0OSAxMy45MjY5SDQyLjgxNjVWMTUuNzAyM0g0MS45MDczVjEzLjkyNjlINDAuMTc0OFYxMy4xMDM1SDQxLjkwNzNWMTEuMzI4MUg0Mi44MTY1VjEzLjEwMzVINDQuNTQ5VjEzLjkyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTEuNDIxOSA5LjQ5MTk2QzExLjQyMTkgOS4xMjY5MiAxMS40OTQ5IDguODA2OTggMTEuNjQwOSA4LjUzMjEyQzExLjc5MTIgOC4yNTI5NyAxMS45OTczIDguMDM4MjQgMTIuMjU5MyA3Ljg4NzkzQzEyLjUyMTMgNy43Mzc2MiAxMi44MjE5IDcuNjYyNDcgMTMuMTYxMiA3LjY2MjQ3QzEzLjU5MDYgNy42NjI0NyAxMy45NDQ5IDcuNzY1NTQgMTQuMjI0MSA3Ljk3MTY4QzE0LjUwNzUgOC4xNzM1MiAxNC42OTg2IDguNDYzNDEgMTQuNzk3NCA4Ljg0MTMzSDE0LjAwNTFDMTMuOTQwNyA4LjY2NTI2IDEzLjgzNzYgOC41Mjc4MyAxMy42OTU5IDguNDI5MDVDMTMuNTU0MSA4LjMzMDI4IDEzLjM3NTkgOC4yODA4OSAxMy4xNjEyIDguMjgwODlDMTIuODYwNiA4LjI4MDg5IDEyLjYyMDEgOC4zODgyNSAxMi40Mzk3IDguNjAyOThDMTIuMjYzNiA4LjgxMzQyIDEyLjE3NTYgOS4xMDk3NSAxMi4xNzU2IDkuNDkxOTZDMTIuMTc1NiA5Ljg3NDE4IDEyLjI2MzYgMTAuMTcyNyAxMi40Mzk3IDEwLjM4NzRDMTIuNjIwMSAxMC42MDIxIDEyLjg2MDYgMTAuNzA5NSAxMy4xNjEyIDEwLjcwOTVDMTMuNTg2MyAxMC43MDk1IDEzLjg2NzYgMTAuNTIyNyAxNC4wMDUxIDEwLjE0OUgxNC43OTc0QzE0LjY5NDQgMTAuNTA5OCAxNC41MDExIDEwLjc5NzUgMTQuMjE3NyAxMS4wMTIyQzEzLjkzNDIgMTEuMjIyNyAxMy41ODIxIDExLjMyNzkgMTMuMTYxMiAxMS4zMjc5QzEyLjgyMTkgMTEuMzI3OSAxMi41MjEzIDExLjI1MjcgMTIuMjU5MyAxMS4xMDI0QzExLjk5NzMgMTAuOTQ3OCAxMS43OTEyIDEwLjczMzEgMTEuNjQwOSAxMC40NTgyQzExLjQ5NDkgMTAuMTc5MSAxMS40MjE5IDkuODU3IDExLjQyMTkgOS40OTE5NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNi4zODYxIDguMzE5NTRWMTAuMjg0M0MxNi4zODYxIDEwLjQxNzQgMTYuNDE2MSAxMC41MTQxIDE2LjQ3NjIgMTAuNTc0MkMxNi41NDA3IDEwLjYzIDE2LjY0OCAxMC42NTc5IDE2Ljc5ODMgMTAuNjU3OUgxNy4yNDkzVjExLjI2OTlIMTYuNjY5NUMxNi4zMzg4IDExLjI2OTkgMTYuMDg1NCAxMS4xOTI2IDE1LjkwOTQgMTEuMDM4QzE1LjczMzMgMTAuODgzNCAxNS42NDUyIDEwLjYzMjIgMTUuNjQ1MiAxMC4yODQzVjguMzE5NTRIMTUuMjI2NVY3LjcyMDQ1SDE1LjY0NTJWNi44Mzc5MUgxNi4zODYxVjcuNzIwNDVIMTcuMjQ5M1Y4LjMxOTU0SDE2LjM4NjFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguNjYwNSA4LjIzNThDMTguNzY3OSA4LjA1NTQyIDE4LjkwOTYgNy45MTU4NSAxOS4wODU3IDcuODE3MDdDMTkuMjY2IDcuNzE0IDE5LjQ3ODYgNy42NjI0NyAxOS43MjM0IDcuNjYyNDdWOC40MjI2MUgxOS41MzY2QzE5LjI0ODggOC40MjI2MSAxOS4wMjk4IDguNDk1NjIgMTguODc5NSA4LjY0MTYzQzE4LjczMzUgOC43ODc2NSAxOC42NjA1IDkuMDQxMDMgMTguNjYwNSA5LjQwMTc4VjExLjI2OTlIMTcuOTI2MVY3LjcyMDQ1SDE4LjY2MDVWOC4yMzU4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIxLjEzMjggNi41MDI5M1YxMS4yNjk5SDIwLjM5ODRWNi41MDI5M0gyMS4xMzI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    width: 72px;
    height: 27px;
}

.share-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS4zNjMyOCIgeT0iMS4xMDE1NiIgd2lkdGg9IjE4LjI3MzQiIGhlaWdodD0iMTguMjczNCIgcng9IjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTkuNDcxNjMgNy42MDg0NlY0LjgxNDQ1TDYuNDMyOTUgNy44NTMxM0wzLjk5NjU4IDEwLjI4OTVMNi40NzYyIDEyLjM1Nkw5LjQ3MTYzIDE0Ljg1MjRWMTIuMTE4NEMxNC43MzA0IDExLjcyMiAxNi41NzI5IDE0Ljc2NTIgMTYuNTcyOSAxNC43NjUyQzE2LjU3MjkgMTIuODY5MiAxNi40MTY2IDEwLjkwMTUgMTQuOTI2IDkuNDExNTNDMTMuMTkzMyA3LjY3ODE5IDEwLjY4NCA3LjU1NTUzIDkuNDcxNjMgNy42MDg0NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

.presentationMode-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS4yNDA3MiIgeT0iMS40NzI2NiIgd2lkdGg9IjE4LjI3MzQiIGhlaWdodD0iMTguMjczNCIgcng9IjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyM18xOSkiPgo8cGF0aCBkPSJNMTIuMzQzNiAxMy44Mzk0TDEyLjA3NyAxMS43MDQ0QzEyLjAzOTIgMTEuNDAyIDExLjg5MjIgMTEuMTIzOCAxMS42NjM3IDEwLjkyMjFDMTEuNDM1MiAxMC43MjA1IDExLjE0MDkgMTAuNjA5MyAxMC44MzYxIDEwLjYwOTRIOS45MTc4MUM5LjYxMzIgMTAuNjA5NSA5LjMxOTA5IDEwLjcyMDggOS4wOTA3NiAxMC45MjI0QzguODYyNDMgMTEuMTI0IDguNzE1NTggMTEuNDAyMSA4LjY3NzgxIDExLjcwNDRMOC40MTA3MyAxMy44Mzk0QzguMzk2MDcgMTMuOTU2NyA4LjQwNjU0IDE0LjA3NTcgOC40NDE0MyAxNC4xODg3QzguNDc2MzIgMTQuMzAxNiA4LjUzNDg0IDE0LjQwNTkgOC42MTMxMSAxNC40OTQ0QzguNjkxMzcgMTQuNTgzIDguNzg3NTkgMTQuNjU0IDguODk1MzcgMTQuNzAyNUM5LjAwMzE0IDE0Ljc1MTEgOS4xMjAwMiAxNC43NzYxIDkuMjM4MjMgMTQuNzc2SDExLjUxNjZDMTEuNjM0NyAxNC43NzYxIDExLjc1MTYgMTQuNzUxIDExLjg1OTMgMTQuNzAyNEMxMS45NjcgMTQuNjUzOCAxMi4wNjMyIDE0LjU4MjkgMTIuMTQxNCAxNC40OTQzQzEyLjIxOTYgMTQuNDA1NyAxMi4yNzgxIDE0LjMwMTUgMTIuMzEzIDE0LjE4ODZDMTIuMzQ3OCAxNC4wNzU3IDEyLjM1ODMgMTMuOTU2NiAxMi4zNDM2IDEzLjgzOTRWMTMuODM5NFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuMzc3NCA4Ljk0Mjg3QzExLjA2NzggOC45NDI4NyAxMS42Mjc0IDguMzgzMjMgMTEuNjI3NCA3LjY5Mjg3QzExLjYyNzQgNy4wMDI1MiAxMS4wNjc4IDYuNDQyODcgMTAuMzc3NCA2LjQ0Mjg3QzkuNjg3MDkgNi40NDI4NyA5LjEyNzQ0IDcuMDAyNTIgOS4xMjc0NCA3LjY5Mjg3QzkuMTI3NDQgOC4zODMyMyA5LjY4NzA5IDguOTQyODcgMTAuMzc3NCA4Ljk0Mjg3WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNy4wNDM3OCAxMC4xOTNDNy41MDQwMiAxMC4xOTMgNy44NzcxMiA5LjgxOTk0IDcuODc3MTIgOS4zNTk3QzcuODc3MTIgOC44OTk0NiA3LjUwNDAyIDguNTI2MzcgNy4wNDM3OCA4LjUyNjM3QzYuNTgzNTUgOC41MjYzNyA2LjIxMDQ1IDguODk5NDYgNi4yMTA0NSA5LjM1OTdDNi4yMTA0NSA5LjgxOTk0IDYuNTgzNTUgMTAuMTkzIDcuMDQzNzggMTAuMTkzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuNzEwOCAxMC4xOTNDMTQuMTcxIDEwLjE5MyAxNC41NDQxIDkuODE5OTQgMTQuNTQ0MSA5LjM1OTdDMTQuNTQ0MSA4Ljg5OTQ2IDE0LjE3MSA4LjUyNjM3IDEzLjcxMDggOC41MjYzN0MxMy4yNTA1IDguNTI2MzcgMTIuODc3NCA4Ljg5OTQ2IDEyLjg3NzQgOS4zNTk3QzEyLjg3NzQgOS44MTk5NCAxMy4yNTA1IDEwLjE5MyAxMy43MTA4IDEwLjE5M1oiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTcuMDQ0MDIgMTEuNDQyOUg2LjkxNjUyQzYuNzE5MjYgMTEuNDQyOCA2LjUyODM4IDExLjUxMjggNi4zNzc4NSAxMS42NDAzQzYuMjI3MzEgMTEuNzY3OCA2LjEyNjg5IDExLjk0NDUgNi4wOTQ0NCAxMi4xMzkxTDUuOTU1NjkgMTIuOTcyNUM1LjkzNTc4IDEzLjA5MTggNS45NDIxMSAxMy4yMTQxIDUuOTc0MjYgMTMuMzMwOEM2LjAwNjQgMTMuNDQ3NSA2LjA2MzU4IDEzLjU1NTggNi4xNDE4MiAxMy42NDgyQzYuMjIwMDYgMTMuNzQwNSA2LjMxNzQ5IDEzLjgxNDggNi40MjczMSAxMy44NjU2QzYuNTM3MTQgMTMuOTE2NSA2LjY1NjczIDEzLjk0MjkgNi43Nzc3NyAxMy45NDI5SDguMjk0MDJNMTMuNzEwNyAxMS40NDI5SDEzLjgzODJDMTQuMDM1NSAxMS40NDI4IDE0LjIyNjMgMTEuNTEyOCAxNC4zNzY5IDExLjY0MDNDMTQuNTI3NCAxMS43Njc4IDE0LjYyNzggMTEuOTQ0NSAxNC42NjAzIDEyLjEzOTFMMTQuNzk5IDEyLjk3MjVDMTQuODE4OSAxMy4wOTE4IDE0LjgxMjYgMTMuMjE0MSAxNC43ODA1IDEzLjMzMDhDMTQuNzQ4MyAxMy40NDc1IDE0LjY5MTEgMTMuNTU1OCAxNC42MTI5IDEzLjY0ODJDMTQuNTM0NiAxMy43NDA1IDE0LjQzNzIgMTMuODE0OCAxNC4zMjc0IDEzLjg2NTZDMTQuMjE3NiAxMy45MTY1IDE0LjA5OCAxMy45NDI5IDEzLjk3NjkgMTMuOTQyOUgxMi40NjA3IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjNfMTkiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjM3NzQ0IDUuNjA5MzgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}

.help-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTEuNSIgY3k9IjExLjU0ODgiIHI9IjkuODEyNSIgZmlsbD0iYmxhY2siIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTEuODEyOSA1LjQ2NjhDMTIuOTQzOCA1LjQ2NjggMTMuODQ3MyA1Ljc4NTcgMTQuNTIzNiA2LjQyMzUyQzE1LjIxMSA3LjA2MTM0IDE1LjU1NDcgNy45MzI2NCAxNS41NTQ3IDkuMDM3NDNDMTUuNTU0NyAxMC4xODc4IDE1LjE5OTkgMTEuMDUzNCAxNC40OTA0IDExLjYzNDJDMTMuNzgwOCAxMi4yMTUxIDEyLjgzODUgMTIuNTA1NiAxMS42NjMzIDEyLjUwNTZMMTEuNTk2OCAxMy44NTUySDkuOTUwMzlMOS44NjcyNCAxMS4xNzNIMTAuNDE2QzExLjQ5MTQgMTEuMTczIDEyLjMxMTggMTEuMDI0OSAxMi44NzczIDEwLjcyODhDMTMuNDUzOCAxMC40MzI2IDEzLjc0MiA5Ljg2ODg3IDEzLjc0MiA5LjAzNzQzQzEzLjc0MiA4LjQzMzc4IDEzLjU3MDIgNy45NjExMSAxMy4yMjY1IDcuNjE5NDNDMTIuODkzOSA3LjI3Nzc0IDEyLjQyODMgNy4xMDY5IDExLjgyOTYgNy4xMDY5QzExLjIzMDkgNy4xMDY5IDEwLjc1OTcgNy4yNzIwNCAxMC40MTYgNy42MDIzNEMxMC4wNzIzIDcuOTMyNjQgOS45MDA1IDguMzkzOTIgOS45MDA1IDguOTg2MTdIOC4xMjEwOUM4LjEyMTA5IDguMzAyOCA4LjI3MDc2IDcuNjkzNDYgOC41NzAxIDcuMTU4MTVDOC44Njk0NCA2LjYyMjg0IDkuMjk2MjggNi4yMDcxMiA5Ljg1MDYxIDUuOTEwOTlDMTAuNDE2IDUuNjE0ODYgMTEuMDcwMSA1LjQ2NjggMTEuODEyOSA1LjQ2NjhaTTEwLjc0ODYgMTcuNjMwOUMxMC40MDQ5IDE3LjYzMDkgMTAuMTE2NyAxNy41MTEzIDkuODgzODcgMTcuMjcyMUM5LjY1MTA1IDE3LjAzMjkgOS41MzQ2NCAxNi43MzY4IDkuNTM0NjQgMTYuMzgzN0M5LjUzNDY0IDE2LjAzMDYgOS42NTEwNSAxNS43MzQ1IDkuODgzODcgMTUuNDk1M0MxMC4xMTY3IDE1LjI1NjEgMTAuNDA0OSAxNS4xMzY1IDEwLjc0ODYgMTUuMTM2NUMxMS4wODEyIDE1LjEzNjUgMTEuMzYzOSAxNS4yNTYxIDExLjU5NjggMTUuNDk1M0MxMS44Mjk2IDE1LjczNDUgMTEuOTQ2IDE2LjAzMDYgMTEuOTQ2IDE2LjM4MzdDMTEuOTQ2IDE2LjczNjggMTEuODI5NiAxNy4wMzI5IDExLjU5NjggMTcuMjcyMUMxMS4zNjM5IDE3LjUxMTMgMTEuMDgxMiAxNy42MzA5IDEwLjc0ODYgMTcuNjMwOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}


.import-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS40MTUwNCIgeT0iMS4zNjAzNSIgd2lkdGg9IjMzIiBoZWlnaHQ9IjMzIiByeD0iNCIgZmlsbD0iYmxhY2siIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTcuOTQzNiA3LjIyMzYzTDI2LjA4MTEgMTYuODk4Mkw5LjgwNjA1IDE2Ljg5ODJMMTcuOTQzNiA3LjIyMzYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIwLjY1NTMgMTIuMzc3OUwyMC42NTUzIDMzLjE3MzhMMTUuMjMwMyAzMy4xNzM4TDE1LjIzMDMgMTIuMzc3OUwyMC42NTUzIDEyLjM3NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}

.settings-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE4LjI3MzQiIGhlaWdodD0iMTguMjczNCIgcng9IjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQuNzExOTEgMTEuOTM1OEw1LjgzNTQ3IDEzLjgzODhDNS45MTAwNiAxMy45NjUgNi4wMzI4IDE0LjA1NzEgNi4xNzY3MSAxNC4wOTQ3QzYuMzIwNjEgMTQuMTMyMyA2LjQ3MzkgMTQuMTEyNSA2LjYwMjg2IDE0LjAzOTVMNy4zODcxIDEzLjU5NjJDNy43MTI5NCAxMy44NDc2IDguMDczMDQgMTQuMDUzOCA4LjQ1MTY4IDE0LjIwNzhWMTUuMDg2N0M4LjQ1MTY4IDE1LjIzMjYgOC41MTA4NiAxNS4zNzI1IDguNjE2MjIgMTUuNDc1NkM4LjcyMTU3IDE1LjU3ODggOC44NjQ0NiAxNS42MzY3IDkuMDEzNDYgMTUuNjM2N0gxMS4yNjA2QzExLjQwOTYgMTUuNjM2NyAxMS41NTI1IDE1LjU3ODggMTEuNjU3OCAxNS40NzU2QzExLjc2MzIgMTUuMzcyNSAxMS44MjI0IDE1LjIzMjYgMTEuODIyNCAxNS4wODY3VjE0LjIwNzhDMTIuMjA0IDE0LjA1MjMgMTIuNTYyMSAxMy44NDY1IDEyLjg4NjkgMTMuNTk2MkwxMy42NzEyIDE0LjAzOTVDMTMuOTM5MSAxNC4xOTA4IDE0LjI4NDEgMTQuMSAxNC40Mzg2IDEzLjgzODhMMTUuNTYyMSAxMS45MzU4QzE1LjYzNjEgMTEuODA5NCAxNS42NTYgMTEuNjU5NSAxNS42MTc2IDExLjUxODhDMTUuNTc5MiAxMS4zNzgxIDE1LjQ4NTYgMTEuMjU3OSAxNS4zNTcxIDExLjE4NDVMMTQuNTg2MyAxMC43NDgzQzE0LjY0NjUgMTAuMzQyNyAxNC42NDYyIDkuOTMwNjQgMTQuNTg1MiA5LjUyNTEyTDE1LjM1NiA5LjA4ODk3QzE1LjYyMzQgOC45Mzc3MiAxNS43MTYxIDguNTk5NDcgMTUuNTYxIDguMzM3NjdMMTQuNDM3NCA2LjQzNDY3QzE0LjM2MjkgNi4zMDg0NCAxNC4yNDAxIDYuMjE2MzkgMTQuMDk2MiA2LjE3ODc0QzEzLjk1MjMgNi4xNDEwOSAxMy43OTkgNi4xNjA5NCAxMy42NzAxIDYuMjMzOTJMMTIuODg1OCA2LjY3NzIyQzEyLjU2MTQgNi40MjY2MyAxMi4yMDM0IDYuMjIwODQgMTEuODIxOCA2LjA2NTYyVjUuMTg2NzJDMTEuODIxOCA1LjA0MDg1IDExLjc2MjYgNC45MDA5NiAxMS42NTczIDQuNzk3ODFDMTEuNTUxOSA0LjY5NDY2IDExLjQwOSA0LjYzNjcyIDExLjI2IDQuNjM2NzJIOS4wMTI5QzguODYzOSA0LjYzNjcyIDguNzIxMDEgNC42OTQ2NiA4LjYxNTY2IDQuNzk3ODFDOC41MTAzIDQuOTAwOTYgOC40NTExMiA1LjA0MDg1IDguNDUxMTIgNS4xODY3MlY2LjA2NTYyQzguMDY5NTEgNi4yMjExNiA3LjcxMTM2IDYuNDI2OTMgNy4zODY1NCA2LjY3NzIyTDYuNjAyODYgNi4yMzM5MkM2LjUzOTAyIDYuMTk3NzEgNi40Njg1MiA2LjE3NDE4IDYuMzk1MzkgNi4xNjQ2OEM2LjMyMjI1IDYuMTU1MTcgNi4yNDc5MiA2LjE1OTg3IDYuMTc2NjUgNi4xNzg1MkM2LjEwNTM3IDYuMTk3MTYgNi4wMzg1NSA2LjIyOTM5IDUuOTgwMDEgNi4yNzMzNEM1LjkyMTQ3IDYuMzE3MjkgNS44NzIzNSA2LjM3MjExIDUuODM1NDcgNi40MzQ2N0w0LjcxMTkxIDguMzM3NjdDNC42Mzc5NyA4LjQ2NDA2IDQuNjE4MDMgOC42MTM5MyA0LjY1NjQ0IDguNzU0NjVDNC42OTQ4NCA4Ljg5NTM3IDQuNzg4NDggOS4wMTU1MyA0LjkxNjk2IDkuMDg4OTdMNS42ODc3MiA5LjUyNTEyQzUuNjI3MTIgOS45MzA2OSA1LjYyNzEyIDEwLjM0MjcgNS42ODc3MiAxMC43NDgzTDQuOTE2OTYgMTEuMTg0NUM0LjY0OTU1IDExLjMzNTcgNC41NTY4NiAxMS42NzQgNC43MTE5MSAxMS45MzU4VjExLjkzNThaTTEwLjEzNjUgNy45MzY3MkMxMS4zNzU3IDcuOTM2NzIgMTIuMzgzNiA4LjkyMzQyIDEyLjM4MzYgMTAuMTM2N0MxMi4zODM2IDExLjM1IDExLjM3NTcgMTIuMzM2NyAxMC4xMzY1IDEyLjMzNjdDOC44OTcxNyAxMi4zMzY3IDcuODg5MzQgMTEuMzUgNy44ODkzNCAxMC4xMzY3QzcuODg5MzQgOC45MjM0MiA4Ljg5NzE3IDcuOTM2NzIgMTAuMTM2NSA3LjkzNjcyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

.look-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyMCAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjY3MDQgMC44NDE3OTdMMC42MjY5NTMgMy40ODE4OUwzLjI2NzA0IDYuMTIxOTdNMC42MjY5NTMgMy40ODE4OUw2LjY2MTQ0IDMuNDgxODlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMy4yNjcwNCAwLjg0MTc5N0wwLjYyNjk1MyAzLjQ4MTg5TDMuMjY3MDQgNi4xMjE5N00wLjYyNjk1MyAzLjQ4MTg5TDYuNjYxNDQgMy40ODE4OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi44MzM1IDYuMTIyMDdMMTkuNDczNiAzLjQ4MTk4TDE2LjgzMzUgMC44NDE4OTRNMTkuNDczNiAzLjQ4MTk4TDEzLjQzOTEgMy40ODE5OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNi44MzM1IDYuMTIyMDdMMTkuNDczNiAzLjQ4MTk4TDE2LjgzMzUgMC44NDE4OTRNMTkuNDczNiAzLjQ4MTk4TDEzLjQzOTEgMy40ODE5OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42NTM3IDguOTY2OEg4Ljk3NTE3QzQuNTQzNDcgOC45NjY4IDAuOTM5NDUzIDEyLjU4MjggMC45Mzk0NTMgMTcuMDI5M1YyNy43NzkzQzAuOTM5NDUzIDMyLjIyNTggNC41NDM0NyAzNS44NDE4IDguOTc1MTcgMzUuODQxOEgxMS42NTM3QzE2LjA4NTQgMzUuODQxOCAxOS42ODk1IDMyLjIyNTggMTkuNjg5NSAyNy43NzkzVjE3LjAyOTNDMTkuNjg5NSAxMi41ODI4IDE2LjA4NTQgOC45NjY4IDExLjY1MzcgOC45NjY4Wk0xNy4wMTA5IDI3Ljc3OTNDMTcuMDEwOSAzMC43NDM2IDE0LjYwODIgMzMuMTU0MyAxMS42NTM3IDMzLjE1NDNIOC45NzUxN0M2LjAyMDcxIDMzLjE1NDMgMy42MTgwMyAzMC43NDM2IDMuNjE4MDMgMjcuNzc5M1YyMi40MDQzSDE3LjAxMDlWMjcuNzc5M1pNMTEuNjUzNyAxOS43MTY4VjExLjY1NDNDMTQuNjA4MiAxMS42NTQzIDE3LjAxMDkgMTQuMDY1IDE3LjAxMDkgMTcuMDI5M1YxOS43MTY4SDExLjY1MzdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    width: 26px;
    height: 36px;
}

.move-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0MyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjEuNjI3MyIgY3k9IjE4LjgwMjEiIHI9IjUuNzMyNzYiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjIxLjYyNzciIGN5PSIxOC44MDI1IiByPSI5LjU2MDM1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTMuODI2OTEgMTYuOTkyMkwxLjcxNDg0IDE5LjEwNDNMMy44MjY5MSAyMS4yMTYzTTEuNzE0ODQgMTkuMTA0M0g2LjU0MjQzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMuODI2OTEgMTYuOTkyMkwxLjcxNDg0IDE5LjEwNDNMMy44MjY5MSAyMS4yMTYzTTEuNzE0ODQgMTkuMTA0M0g2LjU0MjQzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMuNzQwMiAzLjQxNDhMMjEuNjI4MiAxLjMwMjczTDE5LjUxNjEgMy40MTQ4TTIxLjYyODIgMS4zMDI3M0wyMS42MjgyIDYuMTMwMzJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjMuNzQwMiAzLjQxNDhMMjEuNjI4MiAxLjMwMjczTDE5LjUxNjEgMy40MTQ4TTIxLjYyODIgMS4zMDI3M0wyMS42MjgyIDYuMTMwMzIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zOS40Mjk5IDIxLjIxNjhMNDEuNTQyIDE5LjEwNDdMMzkuNDI5OSAxNi45OTI3TTQxLjU0MiAxOS4xMDQ3TDM2LjcxNDQgMTkuMTA0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zOS40Mjk5IDIxLjIxNjhMNDEuNTQyIDE5LjEwNDdMMzkuNDI5OSAxNi45OTI3TTQxLjU0MiAxOS4xMDQ3TDM2LjcxNDQgMTkuMTA0NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjUxNjYgMzQuMTkwN0wyMS42Mjg3IDM2LjMwMjdMMjMuNzQwNyAzNC4xOTA3TTIxLjYyODcgMzYuMzAyN0wyMS42Mjg3IDMxLjQ3NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTkuNTE2NiAzNC4xOTA3TDIxLjYyODcgMzYuMzAyN0wyMy43NDA3IDM0LjE5MDdNMjEuNjI4NyAzNi4zMDI3TDIxLjYyODcgMzEuNDc1MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 43px;
    height: 38px;
}

.wasd-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk0IiBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgMTk0IDQyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjcxNDg0NCIgeT0iMC4yMTE5MTQiIHdpZHRoPSI0NiIgaGVpZ2h0PSI0MSIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9Ijk4LjcxNDgiIHk9IjAuMjExOTE0IiB3aWR0aD0iNDYiIGhlaWdodD0iNDEiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI0OS43MTQ4IiB5PSIwLjIxMTkxNCIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjQxIiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTQ3LjcxNSIgeT0iMC4yMTE5MTQiIHdpZHRoPSI0NiIgaGVpZ2h0PSI0MSIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMy4zMjQ2IDE0LjMxMTlMMjkuMjA0NiAyOC4yMTE5SDI2LjYyNDZMMjMuNzA0NiAxNy42OTE5TDIwLjYwNDYgMjguMjExOUwxOC4wNDQ2IDI4LjIzMTlMMTQuMTA0NiAxNC4zMTE5SDE2LjUyNDZMMTkuNDA0NiAyNS42MzE5TDIyLjUyNDYgMTQuMzExOUgyNS4wODQ2TDI3Ljk4NDYgMjUuNTcxOUwzMC44ODQ2IDE0LjMxMTlIMzMuMzI0NloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMjIuMjYgMjguMzUxOUMxMjEuMzI2IDI4LjM1MTkgMTIwLjQ4NiAyOC4xOTE5IDExOS43NCAyNy44NzE5QzExOC45OTMgMjcuNTM4NiAxMTguNDA2IDI3LjA3MTkgMTE3Ljk4IDI2LjQ3MTlDMTE3LjU1MyAyNS44NzE5IDExNy4zNCAyNS4xNzE5IDExNy4zNCAyNC4zNzE5SDExOS43OEMxMTkuODMzIDI0Ljk3MTkgMTIwLjA2NiAyNS40NjUyIDEyMC40OCAyNS44NTE5QzEyMC45MDYgMjYuMjM4NiAxMjEuNSAyNi40MzE5IDEyMi4yNiAyNi40MzE5QzEyMy4wNDYgMjYuNDMxOSAxMjMuNjYgMjYuMjQ1MiAxMjQuMSAyNS44NzE5QzEyNC41NCAyNS40ODUyIDEyNC43NiAyNC45OTE5IDEyNC43NiAyNC4zOTE5QzEyNC43NiAyMy45MjUyIDEyNC42MiAyMy41NDUyIDEyNC4zNCAyMy4yNTE5QzEyNC4wNzMgMjIuOTU4NiAxMjMuNzMzIDIyLjczMTkgMTIzLjMyIDIyLjU3MTlDMTIyLjkyIDIyLjQxMTkgMTIyLjM2IDIyLjIzODYgMTIxLjY0IDIyLjA1MTlDMTIwLjczMyAyMS44MTE5IDExOS45OTMgMjEuNTcxOSAxMTkuNDIgMjEuMzMxOUMxMTguODYgMjEuMDc4NiAxMTguMzggMjAuNjkxOSAxMTcuOTggMjAuMTcxOUMxMTcuNTggMTkuNjUxOSAxMTcuMzggMTguOTU4NiAxMTcuMzggMTguMDkxOUMxMTcuMzggMTcuMjkxOSAxMTcuNTggMTYuNTkxOSAxMTcuOTggMTUuOTkxOUMxMTguMzggMTUuMzkxOSAxMTguOTQgMTQuOTMxOSAxMTkuNjYgMTQuNjExOUMxMjAuMzggMTQuMjkxOSAxMjEuMjEzIDE0LjEzMTkgMTIyLjE2IDE0LjEzMTlDMTIzLjUwNiAxNC4xMzE5IDEyNC42MDYgMTQuNDcxOSAxMjUuNDYgMTUuMTUxOUMxMjYuMzI2IDE1LjgxODYgMTI2LjgwNiAxNi43Mzg2IDEyNi45IDE3LjkxMTlIMTI0LjM4QzEyNC4zNCAxNy40MDUyIDEyNC4xIDE2Ljk3MTkgMTIzLjY2IDE2LjYxMTlDMTIzLjIyIDE2LjI1MTkgMTIyLjY0IDE2LjA3MTkgMTIxLjkyIDE2LjA3MTlDMTIxLjI2NiAxNi4wNzE5IDEyMC43MzMgMTYuMjM4NiAxMjAuMzIgMTYuNTcxOUMxMTkuOTA2IDE2LjkwNTIgMTE5LjcgMTcuMzg1MiAxMTkuNyAxOC4wMTE5QzExOS43IDE4LjQzODYgMTE5LjgyNiAxOC43OTE5IDEyMC4wOCAxOS4wNzE5QzEyMC4zNDYgMTkuMzM4NiAxMjAuNjggMTkuNTUxOSAxMjEuMDggMTkuNzExOUMxMjEuNDggMTkuODcxOSAxMjIuMDI2IDIwLjA0NTIgMTIyLjcyIDIwLjIzMTlDMTIzLjY0IDIwLjQ4NTIgMTI0LjM4NiAyMC43Mzg2IDEyNC45NiAyMC45OTE5QzEyNS41NDYgMjEuMjQ1MiAxMjYuMDQgMjEuNjM4NiAxMjYuNDQgMjIuMTcxOUMxMjYuODUzIDIyLjY5MTkgMTI3LjA2IDIzLjM5MTkgMTI3LjA2IDI0LjI3MTlDMTI3LjA2IDI0Ljk3ODYgMTI2Ljg2NiAyNS42NDUyIDEyNi40OCAyNi4yNzE5QzEyNi4xMDYgMjYuODk4NiAxMjUuNTUzIDI3LjQwNTIgMTI0LjgyIDI3Ljc5MTlDMTI0LjEgMjguMTY1MiAxMjMuMjQ2IDI4LjM1MTkgMTIyLjI2IDI4LjM1MTlaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNzUuNjIyMiAyNS4zNzE5SDY5LjgwMjJMNjguODAyMiAyOC4yMTE5SDY2LjQyMjJMNzEuNDAyMiAxNC4yOTE5SDc0LjA0MjJMNzkuMDIyMiAyOC4yMTE5SDc2LjYyMjJMNzUuNjIyMiAyNS4zNzE5Wk03NC45ODIyIDIzLjUxMTlMNzIuNzIyMiAxNy4wNTE5TDcwLjQ0MjIgMjMuNTExOUg3NC45ODIyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE3MC4xNjUgMTQuMzExOUMxNzEuNjQ1IDE0LjMxMTkgMTcyLjkzOCAxNC41OTg2IDE3NC4wNDUgMTUuMTcxOUMxNzUuMTY1IDE1LjczMTkgMTc2LjAyNSAxNi41NDUyIDE3Ni42MjUgMTcuNjExOUMxNzcuMjM4IDE4LjY2NTIgMTc3LjU0NSAxOS44OTg2IDE3Ny41NDUgMjEuMzExOUMxNzcuNTQ1IDIyLjcyNTIgMTc3LjIzOCAyMy45NTE5IDE3Ni42MjUgMjQuOTkxOUMxNzYuMDI1IDI2LjAzMTkgMTc1LjE2NSAyNi44MzE5IDE3NC4wNDUgMjcuMzkxOUMxNzIuOTM4IDI3LjkzODYgMTcxLjY0NSAyOC4yMTE5IDE3MC4xNjUgMjguMjExOUgxNjUuNjI1VjE0LjMxMTlIMTcwLjE2NVpNMTcwLjE2NSAyNi4zNTE5QzE3MS43OTIgMjYuMzUxOSAxNzMuMDM4IDI1LjkxMTkgMTczLjkwNSAyNS4wMzE5QzE3NC43NzIgMjQuMTUxOSAxNzUuMjA1IDIyLjkxMTkgMTc1LjIwNSAyMS4zMTE5QzE3NS4yMDUgMTkuNjk4NiAxNzQuNzcyIDE4LjQzODYgMTczLjkwNSAxNy41MzE5QzE3My4wMzggMTYuNjI1MiAxNzEuNzkyIDE2LjE3MTkgMTcwLjE2NSAxNi4xNzE5SDE2Ny45MDVWMjYuMzUxOUgxNzAuMTY1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
    width: 99px;
    height: 22px;
}

.fa-house-user {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M570.69,236.27,512,184.44V48a16,16,0,0,0-16-16H432a16,16,0,0,0-16,16V99.67L314.78,10.3C308.5,4.61,296.53,0,288,0s-20.46,4.61-26.74,10.3l-256,226A18.27,18.27,0,0,0,0,248.2a18.64,18.64,0,0,0,4.09,10.71L25.5,282.7a21.14,21.14,0,0,0,12,5.3,21.67,21.67,0,0,0,10.69-4.11l15.9-14V480a32,32,0,0,0,32,32H480a32,32,0,0,0,32-32V269.88l15.91,14A21.94,21.94,0,0,0,538.63,288a20.89,20.89,0,0,0,11.87-5.31l21.41-23.81A21.64,21.64,0,0,0,576,248.19,21,21,0,0,0,570.69,236.27ZM288,176a64,64,0,1,1-64,64A64,64,0,0,1,288,176ZM400,448H176a16,16,0,0,1-16-16,96,96,0,0,1,96-96h64a96,96,0,0,1,96,96A16,16,0,0,1,400,448Z"/></svg>');
}

.fa-angle-up {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/></svg>');
}

.fa-bars {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>');
}

.fa-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z"/></svg>');
}

.fa-icon {
    background-position: center;
    background-repeat: no-repeat;
}

.world-icon {
    height: 30px;
    width: 30px;
}

.help-pane-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.btn {
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: white;
    background-color: #28a745;
    border-color: #28a745;
}

.connected {
    color: #28a745;
}

.ui {
    font-size: 23px;
}

.btn-ui {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 200;
    border-radius: 50%;
    color: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.5em;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

#userCountDisplay {
    display: flex;
    align-items: center;
    flex-direction: column;

    position: absolute;
    width: 0px;
    height: 50px;

    left: 50%;
    top: 10px;
    z-index: 1;
}

#userCountReadout {
    width: fit-content;
    white-space: nowrap;
    padding: 8px;
    color: white;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
}

#userCountReadout[presenting="true"] {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-height: 800px) {
    .share-qr-canvas {
	width: 120px;
	height: 120px;
	margin: 10px;
    }

    .menu-label {
	font-size: 12px;
	line-height: 14px;
    }
}


@media (max-height: 500px) {
    .menu-qr {
	display: none;
    }
}

button#VRButton {
    border-radius: 30px!important;
    line-height: 7px!important;
    font-weight: 700!important;
}

@media (max-width:600px) {
    button#VRButton {
        bottom: 200px!important;
    }
}