._buttonContainer_8ys4c_1{position:fixed;top:0;left:0;z-index:100;width:104px;height:282px;background:rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;font-family:Roboto Mono,serif;border-bottom-right-radius:10px;transition:transform .5s ease-out}._buttonContainer_8ys4c_1._closed_8ys4c_15{transform:translate(-100%)}._buttonContainer2_8ys4c_19{display:flex;align-items:center;color:#fff;gap:6px;padding:5px 8px}._buttonTitle_8ys4c_27{width:100%;background:rgba(0,0,0,.5);color:#fff;display:flex;height:24px;justify-content:center;align-items:center;font-size:12px}._zoomButton_8ys4c_38{padding:5px;background:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;width:58px;text-align:center}._zoomButton_8ys4c_38:hover{background:rgba(0,0,0,1)}._zoomButton2_8ys4c_51{font-size:21px;font-weight:700}._positionButton_8ys4c_56{cursor:pointer;position:absolute}._positionButton2_8ys4c_61{color:#fff;font-size:23px}._positionButton2_8ys4c_61:hover{color:#f1f1f1}._positionButtonContainer_8ys4c_70{height:87px}._up_8ys4c_74{margin-left:40px;margin-top:10px}._down_8ys4c_79{margin-left:40px;margin-top:50px}._left_8ys4c_84{margin-left:20px;margin-top:30px}._right_8ys4c_89{margin-left:60px;margin-top:30px}._resetButton_8ys4c_94{padding:3px;background:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;margin-left:17px;margin-top:7px;width:58px;text-align:center}._resetButton_8ys4c_94:hover{background:rgba(0,0,0,1)}._resetButton2_8ys4c_109{font-size:21px;font-weight:700;color:#fff}._closeContainer_8ys4c_115{width:100%;height:30px;color:#fff;font-size:12px;cursor:pointer;z-index:100;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;border-top-right-radius:10px;border-bottom-right-radius:10px}._closeContainer_8ys4c_115:hover{background:rgba(0,0,0,.7)}._closeContainer2_8ys4c_134{color:#fff;font-size:16px}._openContainer_8ys4c_139{position:fixed;top:10px;left:0;z-index:100;width:24px;height:45px;cursor:pointer;display:flex;align-items:center;background:rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:transform .3s ease-out}._openContainer_8ys4c_139:hover{background:rgba(0,0,0,.7)}._openContainer2_8ys4c_161{color:#fff;font-size:20px}body,#root{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;left:0;width:100%;height:100%}.header{position:fixed;width:100%;height:40px;z-index:100;padding:8px}.dbLogo{width:120px}.notebook iframe{width:1060px;height:700px;border:none;border-radius:20px}.monitor iframe{width:1980px;height:1070px;border:none}.monitor-old iframe{width:1030px;height:940px;border:none;filter:sepia(.6) contrast(1.2) saturate(.8)}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:5px solid #f3f3f3;border-top:5px solid #999;border-radius:50%;width:80px;height:80px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logoPreloader{width:60px;position:absolute}.deviceContainer{color:#fff;border-radius:6px;width:80px;left:0;margin-left:-14px;margin-top:-10px;background-color:#00000080;padding:20px}.deviceContainer div{border-radius:6px;width:100%;cursor:pointer}.deviceContainer p{width:100%;border-bottom:1px solid #444;padding-bottom:20px}.deviceContainer img{width:100%;filter:brightness(1)}.deviceContainer img:hover{filter:brightness(.9);background-color:#444;border-radius:10px}