@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.nextCustomer{position:relative;display:flex;flex-direction:row}.nextCustomerNumber,.nextCustomerRoom{display:flex;flex-direction:column;align-items:center;width:50%;text-align:center;padding:16px}.nextCustomer:after{content:"";position:absolute;left:50%;width:2px;top:50%;transform:translate(-50%,-50%);height:80%;background:rgba(255,255,255,.5)}.nextCustomerTitle{font-size:1.6667vw}.nextCustomerDetail,.nextCustomerTitle{color:#ffffff;font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase}.nextCustomerDetail{font-size:4.1667vw}.Main{display:flex;width:100%;height:100vh}.dateTime{margin:0;display:block;font-size:2vw;color:white}.leftContainer{width:60%}.rightContainer{width:40%;overflow:hidden}.currentCustomers{position:relative;height:80vh;padding:20px}.customerActive{border-radius:12px;height:115px;color:#fff;justify-content:center}.customerActive,.infoTitle{display:flex;flex-direction:row;align-items:center}.infoTitle{min-height:5vh;justify-content:space-around}.numberTitle,.roomTitle{color:white;display:flex;justify-content:center;align-items:center;font-size:1.25vw;text-transform:uppercase;font-weight:700}.currentCustomers{height:85vh;padding:20px 20px 0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.customer{display:flex;flex-direction:row;align-items:center;justify-content:center}.overlay{position:absolute;top:0;left:0;width:calc(100% + 40px);background-color:white;animation:slideOut .6s forwards;height:100%}.customerName{font-size:3vw}.customerName,.simpleCustomerName{width:50%;font-family:Montserrat,sans-serif;font-style:normal;text-align:center;font-weight:700;line-height:normal;text-transform:uppercase}.simpleCustomerName{font-size:6vw}.room{font-size:3vw}.room,.simpleRoom{height:max-content;width:50%;font-family:Montserrat,sans-serif;font-style:normal;text-align:center;font-weight:700;line-height:normal;text-transform:uppercase}.simpleRoom{font-size:6vw}.institutionInfo{min-height:20vh;flex-direction:column;justify-content:space-evenly;text-transform:uppercase}.institutionInfo,.institutionInfoSimple{display:flex;align-items:center;text-align:center;font-weight:500;line-height:normal}.institutionInfoSimple{min-height:15vh}.carouselTextBox{height:20vh;display:flex;justify-content:center;align-items:center;width:100%}.carouselText{color:#fff;text-align:center;font-size:2.8vw;font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;line-height:normal;max-height:20vh}.carouselImageBox{background-image:url(/demobg.png);background-size:cover;height:80vh}.autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:4px;stroke:#fff;fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.displayName{color:#fff;font-size:1.7vw;font-style:normal;font-weight:700;line-height:normal;text-transform:none}.simpleContainer{width:100%}@keyframes slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}