body,html{margin:0;padding:0;max-width:100vw;justify-content:center;overflow-x:hidden;font-family:sans-serif}.inner-page-wrapper{padding-left:0;padding-right:0;padding-bottom:30px;box-sizing:border-box}.receive-input:focus{outline:none;border-color:#fff}.stream-video{cursor:pointer;width:100%;height:100%}.notes-container{max-width:calc(100vw - 60px);padding:30px;box-sizing:border-box;overflow-y:auto;max-height:calc(100vh - 180px)}.media-grid-container{width:100%;position:relative;height:70vh;width:100vw;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;padding:24px;box-sizing:border-box;color:#fff}@media (min-width:768px){main{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}.inner-page-wrapper{padding-top:60px}.stream-container{position:absolute;display:flex;transform:translate(-50%,-52%);justify-content:center;height:60vh;width:95vw;max-height:592px;max-width:1050px;aspect-ratio:16/9;background:transparent;border:1px solid #fff;box-shadow:0 0 8px hsla(0,0%,100%,.6)}.notes-container{margin-top:125px;margin-bottom:100px;max-height:calc(100vh -220px)}}@media (max-width:768px){main{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.header-logo{height:0;opacity:0!important;pointer-events:auto!important}.background-logo{opacity:.333!important}.inner-page-wrapper{position:absolute;height:70vh;max-height:70vh;width:100vw;max-width:100vw;margin-top:0;margin-bottom:0}.gateway-row{width:100vw;padding:0 16px;box-sizing:border-box}.scanner-column{flex-grow:1;max-width:calc(100vw - 160px)}.scanner-box,.scanner-column>div{max-width:100%!important}.stream-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;align-items:center;width:333px;aspect-ratio:16/9;background:transparent;border:1px solid #fff;box-shadow:0 0 8px hsla(0,0%,100%,.6)}.notes-container{margin-top:0;margin-bottom:0;max-height:70vh;max-width:90vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.media-grid-container{justify-content:center;grid-template-columns:repeat(2,0fr)}}