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}.FakeWindow{border-radius:5px;flex:1;display:flex;overflow:hidden;border:1px solid #ccc;background:#fcfcfc;box-shadow:0 0 10px #aaa5}.FakeWindow .window-chrome{border-bottom:1px solid #ccc;padding:2px;background:#eee;flex:1;display:flex;flex-direction:column}.FakeWindow .window-chrome-buttons{text-align:left;font-size:0px}.FakeWindow .window-chrome-buttons:before,.FakeWindow .window-chrome-buttons:after{border-radius:100%;content:"";width:18px;height:18px;display:inline-block;margin:2px;background:#fff;opacity:.5;border:1px solid #bbb}.FakeWindow .window-content{background:#fff;flex:1}.CustomAgentUIExample{position:relative;background:#000;color:#fff;justify-content:center;display:flex;flex:1}.CustomAgentUIExample .error{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;background:#c4404d;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:120}.CustomAgentUIExample .loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:110}.CustomAgentUIExample .disconnected{position:absolute;top:0;left:0;right:0;padding:20px;background:#c4404d;display:flex;align-items:center;justify-content:center;z-index:100}.CustomAgentUIExample .screen{height:calc(100% - 140px);margin:30px}.CustomAgentUIExample .agent-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-bottom:20px}.CustomAgentUIExample .btn{padding:15px 20px;background:#333336;font-size:.85em;color:#fff;cursor:pointer;border-left:1px solid rgb(70,70,73)}.CustomAgentUIExample .btn:hover{opacity:.95}.CustomAgentUIExample .btn-left-most{border-radius:10px 0 0 10px;border-left:0px none}.CustomAgentUIExample .btn-right-most{border-radius:0 10px 10px 0}.CustomAgentUIExample .btn-selected{background:#1a1a1c}.CustomAgentUIExample .btn-end,.CustomAgentUIExample .full-device-rejected{background:#c4404d}.CustomAgentUIExample .full-device-requested,.CustomAgentUIExample .full-device-on{background:#2da125}.CustomAgentUIExample .timer{color:#fff;background:#333336;width:60px;height:30px;border-radius:20px;margin-right:10px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.App{display:flex;flex-direction:row;text-align:center}.App .customer-view{width:380px;height:600px;padding:15px;display:flex;flex-direction:column}.App .agent-view{flex:1;padding:15px;height:600px;display:flex;flex-direction:column}