@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);
@font-face {
    font-family: "Matter";
    src: url(ddb76bab6d840179c875.ttf);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Matter";
    src: url(2a3ea8c965dc266b80b1.ttf);
    font-weight: bold;
    font-style: 500;
}

.landing-page {
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #261226;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 2rem;
    display: none;
}

.btc-emblem {
    height: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#enter-button {
    position: absolute;
    left: 50%;
    bottom: 38%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 5px;
    padding: 1vh 3.2vh;
    background-color: #8c72f2;
    color: #fff;
    cursor: pointer;
    font-family: "Matter";
    font-weight: 600;
    font-size: 2.3vh;
}

#enter-button:hover {
    background-color: #baaaf7 !important;
    color: #261226 !important;
}

#landing-page-title {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    color: #ffffff;
    font-family: "Matter";
    font-weight: 600;
    font-size: 8vh;
}

#landing-page-subtitle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    color: #f9a48b;
    font-family: "Matter";
    font-weight: 500;
    font-size: 4vh;
}

.btc-logo {
    height: 8%;
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}

#intro-video {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#skip-video-button {
    position: absolute;
    right: 5vw;
    top: 5vw;
    border: #8c72f2 0.3vh solid;
    border-radius: 5px;
    padding: 1vh 3.2vh;
    background-color: transparent;
    color: #fff;
    cursor: pointer;

    font-family: "Matter";
    font-weight: 600;
    font-size: 2.3vh;
}

.timeout {
    font-size: 1.5rem;
    margin: 1rem;
}

/* Devices in portrait mode (tablet and mobile) */
@media (orientation: portrait) {
    .btc-emblem {
        height: 70%;
    }

    #landing-page-title {
        top: 39.8%;
        font-size: 6.5vh;
    }

    #landing-page-subtitle {
        font-size: 2.5vh;
    }

    .btc-logo {
        right: 50%;
        transform: translateX(50%);
        height: 7%;
    }

    #skip-video-button {
        top: unset;
        right: unset;
        font-size: 1.5vh;
        bottom: 15vw;
        left: 50%;
        transform: translateX(-50%);
    }
}

.mobile-only,.desktop-only,.tablet-only{display:none}.is-mobile .mobile-only,.is-desktop .desktop-only,.is-tablet .tablet-only{display:block}.is-mobilevr #lobby-popup{display:none}.is-mobilevr #navigation-popup{display:none}.nearby .desktop-popup{top:50%}.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.desktop-popup{font-family:"Open Sans",sans-serif;position:fixed;top:-5000px;transition:top .5s;left:50%;transform:translate(-50%, -50%);border-radius:8px;min-width:280px;max-width:482px;background-color:#fff;text-align:center;box-shadow:0px 24px 40px 10px rgba(0,0,0,.2),0px 6px 18px rgba(0,0,0,.14),0px 0px 2px rgba(0,0,0,.05)}.desktop-popup .margin{margin-left:45.5px;margin-right:45.5px;margin-bottom:20px}.desktop-popup .bold-text{font-weight:600;font-size:20px;line-height:28px}.desktop-popup .standard-text{font-size:16px;line-height:22px}.desktop-popup #qrcode{width:auto;height:128px;margin:20px}.desktop-popup .view-in-ar-button{display:flex;z-index:10;position:absolute;bottom:9%;left:50%;transform:translateX(-50%);flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 16px;gap:12px;height:48px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.4);border-radius:8px}.desktop-popup .view-in-ar-button .view-in-ar-text{height:20px;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;color:rgba(0,0,0,.6)}.desktop-popup .view-in-ar-button .ar-icon{width:21px}.nearby .mobile-popup{bottom:0px}.mobile-popup{z-index:4;font-family:"Open Sans",sans-serif;position:absolute;bottom:-100vh;border-radius:8px 8px 0 0;width:100%;background-color:#fff;transition:bottom .3s}.mobile-popup .bold-text{display:block;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:600;font-size:20px;line-height:28px}.mobile-popup .standard-text{font-size:14px;line-height:20px;text-align:left}.mobile-popup .margin{margin-left:16px;margin-right:16px;margin-bottom:20px}.mobile-popup model-viewer{height:40vh;width:100%}.mobile-popup .view-in-ar-button{display:flex;z-index:10;position:absolute;bottom:9%;left:50%;transform:translateX(-50%);flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 16px;gap:12px;height:48px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.4);border-radius:8px}.mobile-popup .view-in-ar-button .view-in-ar-text{height:20px;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;color:rgba(0,0,0,.6)}.mobile-popup .view-in-ar-button .ar-icon{width:21px}.view-in-ar-button:active{background:rgba(234,234,234,.8)}.top-banner{height:68px;position:relative}.close-button{position:absolute;right:16px;top:16px;width:34px;height:34px;border:none;outline:inherit;padding:0;cursor:pointer;background-color:rgba(0,0,0,0);background-image:url(0ec0cd9f1e643193d907.svg);background-size:16px 16px;background-position:center;background-repeat:no-repeat}.container{display:flex;width:300px;margin:auto}.iconContainer{flex:0%;padding:5px}.line{background-color:#ddd;margin-left:30px;margin-right:30px}.transition{transition:opacity .5s ease 0s}body{background:#000}#orientation-instructions{z-index:20000;display:none;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:#fff}#orientation-instructions img{margin-top:20vh;height:25%}#orientation-instructions p{font-size:20px;color:#000;font-family:"Open Sans",sans-serif}