body,#root{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,1) 50%,rgba(97,97,97,1) 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)}.smartphone iframe{width:560px;height:1200px;border:none;border-radius:30px;background:transparent;overflow:hidden}.tablet iframe{width:1220px;height:860px;border:none;overflow:hidden}.tv iframe{width:2060px;height:1208px;border:none;overflow:hidden}.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}.zoomContainer{color:#fff;position:absolute;right:0;bottom:10px;z-index:100;border-radius:6px;width:60px;margin-left:-14px;margin-top:20px;background-color:#00000080;padding:10px}.zoomContainer p{width:100%;text-align:center;font-weight:700;padding:0}.zoomContainer img{width:70%;margin:0 auto}.zoomContainer div{cursor:pointer;border-radius:6px;display:flex;align-items:center}.zoomContainer div:hover{background-color:#00000080}.footer{color:#fff;border-radius:8px;overflow:hidden;width:190px;height:134px;right:0;top:0;z-index:100;position:fixed;margin-right:-14px;margin-top:-10px;background-color:#00000080}.footerRow{display:flex;padding:20px;align-items:center;justify-content:center}.footerBottom{background-color:#222;color:#fff;padding:10px}.footerBottom a{text-decoration:none;color:#fff;padding:10px;font-size:13px;text-align:center}.github{width:50%;text-align:center}.github img{width:60px;cursor:pointer}.info{width:50%;text-align:center}.info img{width:50px;cursor:pointer;margin-top:4px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modalContent{margin:15% auto;padding:20px;background-color:#0000004d;border:1px solid #999;width:80%;max-width:600px;color:#f1f1f1;box-shadow:0 5px 15px #0000004d;border-radius:12px}.modalContent a{color:#fff}.modalClose{color:#aaa;float:right;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;width:26px;height:26px;border-radius:50%;text-align:center;border:2px solid #ddd}.logoReact{height:70px;margin-bottom:20px}