body { margin: 0; padding: 0; overflow: hidden; } body[data-env="dev"], body[data-env="dev"] #rcp-fe-viewport-root { overflow: overlay; } #rcp-fe-viewport-root { display: flex; width: 1280px; height: 720px; position: relative; border-right: thin solid #1e282d; border-left: thin solid #1e282d; border-bottom: thin solid #1e282d; box-sizing: border-box; overflow: hidden; background: #000; } #rcp-fe-viewport-root > section { margin: 0; padding: 0; } #rcp-fe-viewport-root > .rcp-fe-viewport-main { width: 1055px; height: 100%; box-sizing: border-box; background: #000; } #rcp-fe-viewport-root > .rcp-fe-viewport-sidebar { width: 223px; height: 100%; background: #000; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent { position: absolute; top: 0; left: 0; } #rcp-fe-viewport-root > .rcp-fe-viewport-full-screen { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay > .screen-root { position: absolute; pointer-events: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent > .screen-root.hidden { display: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent > .screen-root.active { width: 1055px; height: 718px; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay > .screen-root > *, #rcp-fe-viewport-root > .rcp-fe-viewport-full-screen > .screen-root > * { pointer-events: auto; } #rcp-fe-viewport-root > .rcp-fe-viewport-main > .screen-root, #rcp-fe-viewport-root > .rcp-fe-viewport-sidebar > .screen-root { height: 100%; width: 100%; } #lol-uikit-layer-manager { position: static; height: 0; width: 0; }