.fullscreenContainer{height:640px;width:360px}.fullscreenContainer.fullscreen{height:100%;left:0;position:fixed;top:81.41px;width:100%;z-index:6}.sample,.sample #map{height:100%;width:100%}.sample .gomp-ctrl-top-right{width:100%}.sample .infoTime{background:#4285f4;color:#fff;font-size:medium;line-height:1.3em;padding:.5em;text-align:center;width:100%}.sample .infoContainer{display:flex;justify-content:space-between;padding-left:10px}.sample .infoContainer .board{margin-top:10px}.sample .col-right{margin-left:10px}.sample .board{background:rgba(0,0,0,.7);border-radius:.3em;color:#fff;font-size:18px;line-height:1.3em;overflow:hidden}.sample .board h4{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;font-size:.8em;font-weight:300;justify-content:space-between;letter-spacing:1.5px;padding:.3em .7em}.sample .board div{font-weight:300;padding:.3em .5em .5em}.sample .monospace{font-family:Consolas,Courier New,Courier,monospace;letter-spacing:0}.sample .speedLimit{align-items:center;background:#fff;border:.15em solid #e31316;border-radius:50%;color:#000;display:flex;float:right;font-size:2em;font-weight:700;height:50px;justify-content:center;margin-top:10px;width:50px}.sample .infoAddr{bottom:48px;left:10px;margin-right:10px;position:absolute}.sample .zipcode{background:hsla(0,0%,100%,.7);border-radius:.25em;color:#000;display:inline-block;font-size:.85em;line-height:1.35em;padding-left:.2em;padding-right:.2em}@media (max-width:399px){.sample.fullscreen .board{font-size:16px}}@media (max-height:439px){.sample.fullscreen .infoAddr{bottom:30px;left:auto!important;right:0}.sample.fullscreen .col-right{display:flex;padding-right:10px}.sample.fullscreen .col-right .gomp-ctrl{margin-left:10px;margin-right:0}}@media (max-height:399px){.sample.fullscreen .board{font-size:16px}.sample.fullscreen .col-left{max-width:calc(50vw - 33px)}.sample.fullscreen .infoAddr{max-width:calc(50vw - 73px);right:40px}}