memoplay-screen-recorder/build/static/css/main.f9ebdd63.chunk.css

A simple screen recorder

body{margin:0;padding: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}html{font-family:Roboto,sans-serif;background-color:#181c21;color:#aaacb4;padding:15px;min-width:450px;min-height:170px}button{cursor:pointer}button:hover{opacity:.8}canvas{background-color:rgba(0,0,0,.2);max-width:100%}.app-container{display:grid;grid-template-columns:100px 1fr;grid-gap:10px}.App.is-recording .app-container{grid-template-areas:"video recording-control" "audio recording-control" "filepath filepath"}.App:not(.is-recording) .app-container{grid-template-areas:"video settings-control" "audio settings-control" "filepath filepath"}.App.is-recording .settings-control,.App:not(.is-recording) .recording-control{display:none}.video-preview{grid-area:video;width:100%}.audio-visualization-container{grid-area:audio}.audio-visualization-mini{position:relative;height:50px;overflow:hidden}.audio-visualization-bar-container,.audio-visualization-mini{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.audio-visualization-bar-container{position:absolute;height:100%}.audio-visualization-bar-container .audio-bar{width:10px;min-height:10px;background-color:green;border-radius:100%;margin:0 5px;transition:height .15s ease-in-out}.bar-height-00{height:0%}.bar-height-10{height:10%}.bar-height-20{height:20%}.bar-height-30{height:30%}.bar-height-40{height:40%}.bar-height-50{height:50%}.bar-height-60{height:60%}.bar-height-70{height:70%}.bar-height-80{height:80%}.bar-height-90{height:90%}.bar-height-100{height:100%}.settings-control{grid-area:settings-control;-webkit-align-items:stretch;align-items:stretch}.settings-control,.settings-sources{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.settings-sources{-webkit-flex-flow:column;flex-flow:column}.settings-select{max-width:275px}.recording-control{grid-area:recording-control;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.record-control{display:-webkit-flex;display:flex;grid-area:buttons}.record-control-button{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:initial;border:none;font-size:25px;color:#aaacb4}.record-control-button:hover{color:#d6e1ec}.record-control-button span{font-size:16px}.save-file-container{grid-area:filepath}.save-file-path{display:grid;grid-template-columns:1fr 100px 110px 60px;grid-gap:10px}.time-counter{background-color:#2f333c;padding:10px 15px;box-sizing:border-box;font-size:25px;min-width:150px;font-family:Roboto Mono,monospace}.loading-container,.time-counter{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.loading-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:rgba(0,0,0,.8);font-size:50px;pointer-events:none}.loading-container:not(.is-loading){display:none}
/*# sourceMappingURL=main.f9ebdd63.chunk.css.map */