body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{bottom:0;left:0;position:absolute;right:0;top:0}body,html{margin:0;padding:0}.outer-app-wrapper,body,html{height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ccp-inner-wrapper{background-color:#eee;bottom:0;box-shadow:0 0 2px 2px #e2e2e2;box-sizing:border-box;height:700px;max-height:100%;max-width:450px;overflow:hidden;position:absolute;right:0;width:450px}.ccp-inner-wrapper.ccp-error{padding:24px}#ccp{height:100%}#ccp iframe{border:none;display:none}.ccp-inner-wrapper button{background-color:#e2e2e2;border:none;border-radius:4px;box-shadow:0 0 2px 1px rgba(0,0,0,.4);cursor:pointer;display:none;font-weight:600;margin-top:24px;padding:8px 16px}.ccp-inner-wrapper button:hover{background-color:#e9e9e9}.ccp-inner-wrapper button:active{background-color:#e5e5e5}.ccp-inner-wrapper:not(.ccp-ready) button.visible{display:inline;display:initial}.ccp-inner-wrapper.ccp-ready #ccp iframe{display:block}.App{display:flex;flex-direction:column;height:100%;max-height:100%}.App main{display:flex;flex:2 1;flex-direction:row;overflow:hidden}.info{display:flex;flex:2 1;flex-direction:column;grid-column:1/span 2;margin-right:10px;position:relative}div.call-history{align-items:center;display:flex;flex-direction:column;height:100%;margin-bottom:10px;overflow:hidden}div.call-history ul{max-width:600px;min-width:400px;overflow:auto;padding-right:4px}li.call-log-item{align-items:center;background-color:#eee;border-radius:8px;display:flex;flex-direction:row;justify-content:flex-start;list-style-type:none;margin:4px;padding:8px}li.call-log-item:hover{background-color:#f4f4f4}li.call-log-item.current{border:2px solid #0b3c6f;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}li.call-log-item .icon .inbound{color:#009}li.call-log-item .icon .outbound{color:#090}li.call-log-item .details{display:flex;flex:2 1;flex-direction:column;margin:0 20px;text-align:left}li.call-log-item .actions{color:#555}li.call-log-item .actions span{cursor:pointer;margin:0 4px}li.call-log-item .actions span.call:hover{color:#090}li.call-log-item .actions span.copy:hover{color:#009}li.call-log-item .details .header .caller-id{font-weight:700}.ccp-outer-wrapper{flex:1 1;grid-column:3/span 1;max-width:450px;min-width:450px}dialog.modal .modal-container{align-items:center;background-color:rgba(0,0,0,.2);border:none;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:100}dialog.modal .modal-info{--text-align:center;--padding:10px;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 4px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;width:600px}dialog.modal .modal-info .title{background-color:#0b3c6f;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:#fff;font-weight:500;padding:4px;text-align:center;width:100%}dialog.modal .modal-info .message{margin:8px 16px}dialog.modal .modal-info button{cursor:pointer;margin-top:12px;padding:12px;width:80px}dialog.modal .modal-info details{width:100%}dialog.modal .modal-info details summary{cursor:pointer;margin:0 16px 16px;text-align:left}dialog.modal .modal-info details div{background-color:#eee;border:2px groove #ccc;font-family:monospace;margin:16px 32px;max-height:200px;overflow:auto;padding:8px;text-align:left}
/*# sourceMappingURL=main.9e122cac.css.map*/