@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap);:root{--modal-bg-color:#20202080;--modal-bg-hover-color:#202020b3;--text-color:#f0f0f0;--positive-color:#64f2ab;--neutral-color:#9696fd;--warn-color:#fdfd96;--negative-color:#ff5148;--disabled-color:#7d7d7d;--animation-init-time:1s}body,html{font-family:Montserrat,sans-serif;height:100%;margin:0;overflow:hidden}.App{background-color:#202020}.App-logo{height:50px;left:15px;position:fixed;top:15px}.App-body{align-items:center;color:#f0f0f0;color:var(--text-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-hidden{display:none!important}.App-chart-container{height:12vh;width:100vw}.App-button{border:2px solid;border-radius:40px;cursor:pointer;display:flex;flex-direction:row;flex-grow:1;font-weight:900;height:7vh;line-height:7vh;margin:30px;padding-left:100px;padding-right:100px;text-align:center;transition:background-color .2s ease-in-out,transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.App-button:active{transform:scale(.9)}.App-button-record{border-color:#ff5148;border-color:var(--negative-color);color:#ff5148;color:var(--negative-color)}.App-button-record-hover-allowed:hover{background-color:#ff5148;background-color:var(--negative-color);color:#20202080;color:var(--modal-bg-color)}.App-button-connect{border-color:#7d7d7d;border-color:var(--disabled-color);color:#7d7d7d;color:var(--disabled-color)}.App-button-connect:hover{background-color:#7d7d7d;background-color:var(--disabled-color);color:#20202080;color:var(--modal-bg-color)}.App-button-default{border-color:#7d7d7d;border-color:var(--disabled-color);color:#7d7d7d;color:var(--disabled-color)}.App-button-default-active,.App-button-default:hover{background-color:#7d7d7d;background-color:var(--disabled-color);color:#20202080;color:var(--modal-bg-color)}.App-button-mini{margin-right:0;padding-left:25px;padding-right:25px}.App-button-fill-space{justify-content:center;margin-bottom:-15px;margin-right:0}.App-button-container-horizontal,.App-button-fill-space{display:flex;flex-direction:row}.App-button-container-vertical{display:flex;flex-direction:column}.App-data-type-text{animation-delay:1s;animation-delay:var(--animation-init-time);animation-duration:.5s;animation-fill-mode:forwards;animation-name:fadeIn;font-size:14px;opacity:0;padding:20px;-webkit-user-select:none;user-select:none}.App-position-lower-right{bottom:0;position:fixed;right:0}.App-position-lower-left{bottom:0;left:0;position:fixed}.App-position-lower-center{bottom:0;display:flex;flex-direction:row;justify-content:center;position:fixed}.App-position-top-right{position:fixed;right:0;top:0}.App-recording-circle{animation-duration:1s;animation-iteration-count:infinite;animation-name:recordingPulse;background-color:#ff5148;background-color:var(--negative-color);border-radius:50%;height:25px;width:25px}.App-connecting-circle,.App-recording-circle{position:relative;top:50%;transform:translateY(-50%)}.App-connecting-circle{display:inline-block;height:48px;width:48px}.App-connecting-circle:after,.App-connecting-circle:before{animation:connectingPulse 2s linear infinite;border:2px solid #64f2ab;border:2px solid var(--positive-color);border-radius:50%;box-sizing:border-box;content:"";height:48px;left:0;position:absolute;top:0;width:48px}.App-connecting-circle:after{animation-delay:1s}.App-fade-in-animation{animation-fill-mode:forwards;animation-name:fadeIn}.App-fade-in-animation,.Modal-background{animation-delay:1s;animation-delay:var(--animation-init-time);animation-duration:.5s;opacity:0}.Modal-background{animation-fill-mode:forwards;animation-name:dropIn;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);background-color:#20202080;background-color:var(--modal-bg-color);border-radius:50px;box-shadow:0 0 32px 6px #00000080;height:35vh;overflow:hidden;padding:30px;position:absolute;transition:background-color .2s ease-in-out;width:50vw}.Modal-background:hover{background-color:#202020b3;background-color:var(--modal-bg-hover-color)}.Modal-hidden{animation-delay:0s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropOut;opacity:100%;transition:background-color .2s ease-in-out}.Modal-title{font-size:5vh;font-weight:900;text-align:center;white-space:nowrap}.Modal-body{font-size:3vh;font-weight:400;margin-left:50px;margin-right:50px;position:absolute;text-align:center;top:45%;transform:translateY(-50%)}.Modal-button-container{bottom:0;display:flex;flex-direction:row-reverse;left:0;position:absolute;width:100%}.Modal-button{border:2px solid;border-radius:40px;cursor:pointer;display:flex;flex-direction:row;flex-grow:1;font-weight:900;height:7vh;justify-content:center;line-height:7vh;margin:30px;text-align:center;transition:background-color .2s ease-in-out,transform .2s ease-in-out;-webkit-user-select:none;user-select:none;width:100px}.Modal-button:active{transform:scale(.9)}.Modal-button-primary{border-color:#64f2ab;border-color:var(--positive-color);color:#64f2ab;color:var(--positive-color);margin-left:15px}.Modal-button-primary-hover-allowed:hover{background-color:#64f2ab;background-color:var(--positive-color);color:#20202080;color:var(--modal-bg-color)}.Modal-button-secondary{border-color:#7d7d7d;border-color:var(--disabled-color);color:#7d7d7d;color:var(--disabled-color);margin-right:15px}.Modal-button-secondary:hover{background-color:#7d7d7d;background-color:var(--disabled-color);color:#20202080;color:var(--modal-bg-color)}.Modal-button-generic{border-color:#f0f0f0;border-color:var(--text-color);color:#f0f0f0;color:var(--text-color)}.Modal-button-generic:hover{background-color:#f0f0f0;background-color:var(--text-color);color:#20202080;color:var(--modal-bg-color)}@keyframes dropIn{0%{margin-top:-100px;opacity:0}to{margin-top:0;opacity:100%}}@keyframes dropOut{0%{margin-top:0;opacity:100%}to{margin-top:100px;opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes fillCircle{to{stroke-dasharray:0 100}}@keyframes recordingPulse{0%{opacity:100%}50%{opacity:50%}to{opacity:100%}}@keyframes connectingPulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}
/*# sourceMappingURL=main.660b6053.css.map*/