.DefaultLive_bgBox__Ur2LB{width:100%;height:100%;background-color:#000;position:absolute;z-index:19;display:grid;grid-template-rows:3fr 1fr;grid-template-columns:1fr;justify-content:center;align-items:center;flex-wrap:wrap}.DefaultLive_bgBox__Ur2LB .DefaultLive_bgImg__h2rrx{width:100%;height:100%;background-size:50%;background-repeat:no-repeat;background-position:50%;z-index:19}.DefaultLive_backgroundDark__mVM9v{position:absolute;top:0;left:0;width:100%;height:100%}.DefaultLive_draggableBox__Zk6yY{position:absolute;width:130px;height:210px;background-color:#1c1c1cf2;border:1px solid #ccc;border-radius:10px;padding:5px;cursor:move;-webkit-user-select:none;user-select:none;z-index:21;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;overflow:hidden}.DefaultLive_draggableBox__Zk6yY .DefaultLive_canvasWrapper__OEkB_{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.DefaultLive_draggableBox__Zk6yY .DefaultLive_canvas__Yquro{width:100%;height:100%;margin:0;z-index:1}.DefaultLive_draggableBox__Zk6yY .DefaultLive_cross__3GytN,.DefaultLive_draggableBox__Zk6yY .DefaultLive_fullscreen__Z21Fg{display:none;transition:opacity .2s ease-in-out;pointer-events:auto}.DefaultLive_draggableBox__Zk6yY.DefaultLive_showControls__pN84r .DefaultLive_cross__3GytN,.DefaultLive_draggableBox__Zk6yY.DefaultLive_showControls__pN84r .DefaultLive_fullscreen__Z21Fg,.DefaultLive_draggableBox__Zk6yY:active .DefaultLive_cross__3GytN,.DefaultLive_draggableBox__Zk6yY:active .DefaultLive_fullscreen__Z21Fg,.DefaultLive_draggableBox__Zk6yY:hover .DefaultLive_cross__3GytN,.DefaultLive_draggableBox__Zk6yY:hover .DefaultLive_fullscreen__Z21Fg{display:block}.DefaultLive_draggableBox__Zk6yY.DefaultLive_closeControls__VeIk4 .DefaultLive_cross__3GytN,.DefaultLive_draggableBox__Zk6yY.DefaultLive_closeControls__VeIk4 .DefaultLive_fullscreen__Z21Fg{display:none;transition:opacity .2s ease-in-out}.DefaultLive_effectWrapper__Pk9Jj{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}.DefaultLive_cross__3GytN{z-index:100;top:10px;margin:0;padding:0;border:0;background:none;position:absolute;right:10px;width:30px;height:30px}.DefaultLive_cross__3GytN:after,.DefaultLive_cross__3GytN:before{content:"";position:absolute;top:13px;left:0;right:0;height:4px;background:#ccc;border-radius:4px}.DefaultLive_cross__3GytN:before{transform:rotate(45deg)}.DefaultLive_cross__3GytN:after{transform:rotate(-45deg)}.DefaultLive_cross__3GytN span{display:block}.DefaultLive_cross__3GytN{filter:drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000);-webkit-tap-highlight-color:rgba(0,0,0,0)}.DefaultLive_fullscreen__Z21Fg{position:absolute;top:10%;left:20%;transform:translate(-50%,-50%);width:40px;height:40px;border:none;background:#0000;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;padding:0}.DefaultLive_fullscreen__Z21Fg svg{width:32px;height:32px;filter:drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000)}