body{background-color:#000;color:#fff;margin:0;padding:0;width:100%;height:100%;min-height:100vh}.dashbroad-container{height:100%;padding:10px 50px}.dashbroad-wrapper{display:flex}.dashbroad-wrapper-left{width:100%}.dashbroad-wrapper-between{width:100%;text-align:center}.dashbroad-wrapper-right{width:100%;text-align:center;display:flex;justify-content:center}.font-text-area{font-size:40px;font-weight:700;margin-right:20px}.font-text-number{font-size:20px}.input-number-elevator{background-color:#343333;color:#fff;border:1px solid #68dbbf;height:80px;font-size:30px;text-align:center}.play-rotage{transform:rotate(180deg)}.vertical-bar{font-size:23px}.button-action{padding:10px;margin-left:12px;height:60px;width:90px}.keyboard-frame{display:grid;grid-template-columns:100px 100px 100px;grid-template-rows:80px 80px 80px 80px;justify-content:center;margin-top:20px;font-size:30px;gap:7px}.btn-go{background-color:#d52e52;color:#fff}.btn-telephone{background-color:#464545;border:1px solid #FFFFFF;border-radius:5px;height:80px}.text-telephone{font-size:25px;text-align:left;color:#fff;margin-bottom:5px}.btn-stop{background-color:#8e4040;border:1px solid #ff0505;border-radius:5px;height:80px}.text-stop{font-size:25px;text-align:left;color:#fff;margin-bottom:5px}.btn-sos{background-color:#fe1212;border:1px solid #ff0505;border-radius:5px;height:80px}.status-information{background-color:#464545;padding:10px}.number-info{font-size:35px}.btn-status{width:130px;margin-bottom:10px;background-color:#464545;color:#fff}.btn-bluetooth{background-color:#46a5d4;color:#fff;border:1px solid #206e95;border-radius:5px;padding:5px}.elevator-model{width:100px}.top-elevator{background-color:#fff;width:10px;height:50px;margin-left:45px}.body-elevator{border:1px solid #FFFFFF;width:50px;height:75%;margin-left:25px;display:flex;justify-content:center}.foot-elevator{width:100px;height:90px}.home-base-top{background-color:#9b9b9b;width:50px;height:30px;margin-left:25px}.home-base-bottom{background-color:#9b9b9b;width:100px;height:60px}.vertical-shaft{width:2px;background-color:#fff;height:100%;position:relative}.elevator-box{width:20px;height:40px;background-color:#fe1212;position:absolute;left:-8px}.first-floor{background-color:#fff;width:15px;height:2px;position:absolute;left:-7px;bottom:0%}.second-floor{background-color:#fff;width:15px;height:2px;position:absolute;left:-7px;bottom:33%}.third-floor{background-color:#fff;width:15px;height:2px;position:absolute;left:-7px;bottom:66%}.info-first{position:absolute;left:35px;bottom:0%;width:105px}.info-second{position:absolute;left:35px;bottom:33%;width:120px}.info-third{position:absolute;left:35px;bottom:66%;width:105px}.arrow-up{position:absolute;right:200px;bottom:40px;animation:arrow-up-animation 3s infinite ease-in-out}@keyframes arrow-up-animation{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.arrow-down{position:absolute;right:200px;bottom:40px;animation:arrow-down-animation 3s infinite ease-in-out}@keyframes arrow-down-animation{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 426px){.dashbroad-container{padding:20px}.dashbroad-wrapper{display:block}.input-number-elevator{width:230px}.btn-telephone{margin-bottom:20px}.dashbroad-wrapper-right{height:500px;margin:20px 0}.frame-button-action{display:grid;grid-template-columns:100px 100px;gap:10px}.arrow-up,.arrow-down{right:130px}}