@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.f25bd059.ttf) format("truetype")}body,html{margin:0;font-family:Roboto,Helvetica,sans-serif;-webkit-user-select:none;user-select:none}#root,.App,body,html{height:100%}.App{display:flex}.sidebar{flex:1 1;max-width:300px}.popup{width:140px;position:absolute;bottom:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 12px 0 rgba(0,0,0,.2);font-size:90%;padding-top:8px;overflow:hidden}.popup .head{font-weight:700;margin-bottom:8px;margin-left:8px;margin-right:8px}.popup .statusWrapper{padding:4px}.popup .statusWrapper.error{background:#fbf2f2}.popup .statusWrapper.error .status .dot{background-color:red}.popup .statusWrapper .status{display:flex;align-items:center;margin-bottom:8px;margin-top:8px}.popup .statusWrapper .status .dot{width:10px;height:10px;background-color:green;border-radius:50%;margin-right:8px;margin-left:12px}.popup .statusWrapper .text{font-size:90%;padding-left:8px}.fakeText{flex:1 1;margin:4px;height:16px;background-color:#ddd;border-radius:8px}.fakeText.head{background-color:#aaa}.controls{bottom:20px;left:0;right:0;text-align:center;width:10%;min-width:300px;margin:0 auto;border-radius:10px;height:60px;padding:20px;align-items:center;justify-content:center;zoom:2}.controls,.sidebar{position:absolute;background-color:#fff;display:flex;flex-direction:column}.sidebar{left:12px;top:12px;width:300px;border-radius:5px;padding:12px;pointer-events:all;z-index:3;grid-gap:12px;gap:12px}.htmlIcon{background-color:#fff;display:flex;width:250px;height:50px;margin-bottom:5px;font-size:80%;cursor:pointer;transition:opacity 1s}.htmlIcon .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:150%}.htmlIcon .text{display:flex;align-items:center;margin-left:12px}
/*# sourceMappingURL=main.6b5431d4.chunk.css.map */