body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.ChatContainer{width:200px;height:100%;position:fixed;background:#fff;top:0;right:0}.ChatContainer .messages{height:calc(100% - 84px)}.l5r-dice{width:28px;height:27px;background:#fff;background-size:contain;position:relative;top:-4px;left:-4px}.l5r-dice.strife{background-image:url(/images/dices/l5r/strife.png)}.l5r-dice.opportunity{background-image:url(/images/dices/l5r/opportunity.png)}.l5r-dice.success{background-image:url(/images/dices/l5r/success.png)}.l5r-dice.explosive-success{background-image:url(/images/dices/l5r/explosive-success.png)}.l5r-dice.two_Values{background-position:100% 100%,0 0;background-size:14px,14px;background-repeat:no-repeat}.l5r-dice.two_Values.strife.opportunity{background-image:url(/images/dices/l5r/strife.png),url(/images/dices/l5r/opportunity.png)}.l5r-dice.two_Values.strife.success{background-image:url(/images/dices/l5r/strife.png),url(/images/dices/l5r/success.png)}.l5r-dice.two_Values.strife.explosive-success{background-image:url(/images/dices/l5r/strife.png),url(/images/dices/l5r/explosive-success.png)}.dice-area{z-index:10;position:fixed;height:100%;width:100%;top:0;left:0;pointer-events:none}.GameMenu{z-index:1;position:fixed;right:0}.flex{display:flex;flex-wrap:wrap;position:fixed;top:0;left:0;height:100%;width:100%}.flex>div{flex-grow:1;flex-basis:50%;border:1px solid;box-sizing:border-box;background:#eff0f1}.share{width:100%;height:100%}.share .video{display:flex;justify-content:center;align-items:center;height:100%}.share .video #sharingVideo{position:absolute;width:100%;height:100%;visibility:hidden}.share .video #canvasContainer{visibility:hidden}.share .video .canvasImage{max-width:100%;max-height:100%;position:absolute}.cameraContainer{display:flex;flex-wrap:wrap;position:fixed;top:0;right:0;width:calc(100% - 73px);height:100%}.cameraContainer>div{flex-grow:2;flex-basis:33%;border:1px solid;box-sizing:border-box;background:#eff0f1;position:relative}.cameraContainer.single>div{flex-basis:100%}.cameraContainer.single>div.camera video{max-height:100%}.cameraContainer.middle>div{flex-basis:50%}.cameraContainer.third>div{flex-basis:33%}.cameraContainer.shareActive{width:calc(40% - 73px);right:0}.cameraContainer.shareActive>div.camera video{max-width:100%}.shareContainer{display:flex;flex-wrap:wrap;position:fixed;top:0;left:0;height:100%;width:60%;margin-left:73px}.shareContainer video{max-width:100%}.shareContainer.shareInactive{display:none}.buttons{z-index:1;position:absolute}.floating-text{position:absolute;z-index:10000;color:green}.fab-button{position:fixed!important;right:10px;top:1px;z-index:2}#UserInfoContainer{background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;display:flex;justify-content:center}#UserInfoContainer form{display:flex;flex-direction:column;justify-content:center;width:200px}#UserInfoContainer form input{background:#fff}.camera .video{display:flex;justify-content:center;align-items:center;position:relative;top:0;left:0;width:100%;height:100%}.camera .video .fake-video,.camera .video video{position:absolute;max-height:95%;max-width:100%}.camera .video .fake-video{background:#000}.camera .video h1{margin:0;color:#fff;text-shadow:1px 1px #000;font-size:104px}.camera .video .avatar,.camera .video h1{position:absolute;bottom:0}.camera .userName{z-index:100;position:absolute;top:0;left:0;display:none}.camera .diceContainer{bottom:0;height:50px}.camera .cameraButtons,.camera .diceContainer{position:absolute;left:0;width:100%;display:flex}.camera .cameraButtons{top:0;height:100px;justify-content:center}.responsiveCamera{width:100%;overflow:hidden}.responsiveCamera,.responsiveCamera .video{height:100%;position:relative}.responsiveCamera .video .fake-video,.responsiveCamera .video video{width:100%;height:100%}.responsiveCamera .video .fake-video{background-color:#000}.responsiveCamera .video h1{position:absolute;bottom:0;color:#fff;text-shadow:1px 1px #000;font-size:16px;margin:0;width:100%;text-align:center}.responsiveCamera .video .avatar{position:absolute;bottom:0}.responsiveCamera .diceContainer{position:absolute;bottom:0;left:0;height:63px;width:100%;display:flex;margin:0}.responsiveCamera .cameraButtons{position:absolute;top:0;left:0;height:100px;width:100%;display:flex;justify-content:center}.dice{background:url(/images/d10.png) no-repeat 50% transparent;display:flex;align-items:flex-end;justify-content:center;height:50px;width:100px;background-size:contain;color:#fff}.newDice{position:relative}.newDice svg{color:#000}.newDice span{color:#fff;background:#000;position:absolute;font-size:16px;left:10px;top:10px;width:19px;text-align:center;border-radius:50px}
/*# sourceMappingURL=main.7a3724c0.chunk.css.map */