@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);.snow-overlay{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:999;pointer-events:none}.xmas-santa{top:25px;left:300px;height:150px;width:auto}.xmas-lights,.xmas-santa{z-index:998;position:absolute}.xmas-lights{top:90px;left:25px;width:255px;height:auto}.merry-xmas{top:45px;right:300px;height:100px}.merry-xmas,.xmas-snowman{z-index:998;position:absolute;width:auto}.xmas-snowman{bottom:150px;left:100px;height:170px}.xmas-tree1{bottom:115px;right:300px;height:180px}.xmas-tree1,.xmas-tree2{z-index:998;position:absolute;width:auto;pointer-events:none}.xmas-tree2{bottom:140px;left:400px;height:190px}.xmas-tree3{z-index:998;position:absolute;bottom:135px;left:600px;height:130px;width:auto;pointer-events:none}.spider-overlay,.spiderweb-overlay{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:999;pointer-events:none}.halloween-pumpkin{top:20px;left:300px;height:120px}.halloween-pumpkin,.happy-halloween{z-index:998;position:absolute;width:auto}.happy-halloween{top:25px;right:300px;height:150px}.halloween-ghost{z-index:1;position:absolute;bottom:130px;left:100px;height:350px;width:auto}.header-container{padding-top:40px;padding-left:40px;padding-right:40px;height:12vh}.header-bar{position:absolute;top:0;left:0;width:100vw}.header-logo{padding-left:20px;height:80px}.header-title{font-size:2.6em;color:#275777}.header-subtitle{font-size:2em;color:#275777}.header-datetime{padding-right:20px;font-family:"Raleway",sans-serif;font-size:1.5em;color:#275777}.footer-container{height:9vh;width:100vw;margin-left:0;position:absolute;bottom:0;left:0;padding-bottom:40px;padding-left:40px;padding-right:40px}.footer-container-expanded{transition:bottom 1s ease-in-out;bottom:240px}.footer-container-compacted{transition:bottom 1s ease-in-out;bottom:30px}.footer-bar{width:100vw;position:absolute;bottom:-240px;left:0}.footer-request-help-container{z-index:2;padding-top:50px}.footer-request-help-buttons{margin-top:40px}.footer-row{height:100%;margin:0}.footer-text{font-size:3em;color:#275777;height:0;line-height:.7em}.request-help-notification{height:250px}.request-help-button{position:absolute;right:0;top:-445px;height:190px;width:200px;background-color:#fa0;border-radius:7px;border:6px solid #fff;border-right:none;padding:15px}.request-help-button:active{transform:scale(1.1)}.call-assistance-text{color:#fff;font-weight:600;font-size:1.6em;text-align:center}.call-assistance-icon{height:80px;width:auto}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes disappear{0%{opacity:1}to{opacity:0}}.appear{-webkit-animation-name:appear;animation-name:appear}.appear,.disappear{-webkit-animation-duration:1s;animation-duration:1s}.disappear{-webkit-animation-name:disappear;animation-name:disappear}.action-button-wrapper{width:500px}.action-button{border:5px solid #fff;border-radius:15px;background-color:#fff;height:500px;width:500px;text-align:center;position:relative;overflow:hidden}.action-button-disabled{pointer-events:none;opacity:.7}.action-button:active{transform:scale(1.1)}.action-button-text{margin-top:0;font-size:3em;padding:20px;color:#00a2ce;background-color:transparent;width:500px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;line-height:0}.action-button-icon{height:300px;width:auto}.my-button{padding:20px 40px;height:120px;min-width:500px;margin-top:30px;background-color:#fff;font-size:2.5em;border:none;color:#275777;border-radius:6px}.my-button:active{transform:scale(1.1)}.my-button:focus{outline:none}.my-button-disabled{color:rgba(39,87,119,.6)}.red{background-color:#c91616;color:#fff}.icon-button-icon,.icon-button-wrapper{height:100%}.icon-button-icon:active{transform:scale(1.1)}.occupation-card{margin-left:20px;height:700px}.stats{margin-top:40px}.occupation-stat{border-radius:5px;padding:0 25px 0 0;overflow:hidden;margin-top:10px;margin-bottom:10px;width:300px}.occupation-stat-text{font-size:1.5em;width:300px;border-radius:5px 0 0 5px;color:#fff;background-color:#00a2ce;height:100%;padding:20px;text-align:center;vertical-align:middle;display:table-cell;text-shadow:3px 2px 3px rgba(0,0,0,.2)}.spinner-wrapper{height:100%}.locker-list-card{margin-right:200px;height:700px;width:100%;overflow:hidden}.locker{height:110px;width:170px;margin:10px;display:flex;align-items:center;justify-content:center;border-radius:5px;position:relative;color:#fff}.locker span{position:absolute;font-size:1.4em;font-weight:700;top:5px}.locker span.number{right:15px}.locker span.size{left:15px}.locker-inner{color:#fff;background-color:#00a2ce;border-radius:5px;width:100%;height:100%;position:absolute;bottom:0}.locker-logo-wrapper{margin-left:0;width:100%;height:100%}.locker-logo{height:30%;margin-top:0}.locker-grid-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;height:600px;flex-direction:column;overflow-x:scroll}.locker-status-indicator{margin-right:25%;margin-left:25%;height:20px;width:100%;border-radius:5px}.occupation-bar-wrapper .occupation-bar-border{width:400px;height:10px;border:1px solid;display:inline-block;margin-right:20px}.occupation-bar-wrapper .occupation-bar{height:100%;transition:width 2s,background-color 2s}.occupation-bar-wrapper .occupation-bar-text{font-size:2em;text-align:center}.occupation-bar-wrapper .occupation-bar-percentage{display:inline-block;height:50px}.occupation-bar-wrapper .occupation-bar-percentage p{position:absolute}#countdown-timer{top:250px;right:150px;text-align:center}#countdown-timer,#countdown-timer svg{position:absolute;height:200px;width:200px}#countdown-timer svg{top:0;right:0;transform:rotateY(-180deg) rotate(-90deg)}#countdown-timer svg circle{stroke-dasharray:615px;stroke-dashoffset:0px;stroke-linecap:round;stroke-width:10px;stroke:#fff;fill:none;-webkit-animation:countdown 5s linear infinite forwards;animation:countdown 5s linear infinite forwards}@-webkit-keyframes countdown{0%{stroke-dashoffset:0px}to{stroke-dashoffset:615px}}@keyframes countdown{0%{stroke-dashoffset:0px}to{stroke-dashoffset:615px}}.request-locker-wrapper{height:90vh}.request-locker-gif{height:500px;width:auto}.request-locker-text{font-size:2.5em;text-align:center;color:#fff}.request-locker-number{font-family:"Robot",sans-serif;line-height:400px;font-size:12em;text-align:center;color:#fff;display:inline-block}.request-locker-number-container{border:6px solid #fff;height:400px;max-width:500px;border-radius:15px}.locker-number-icon{width:100px;margin-right:40px;display:inline-block}.door-warning{position:absolute;top:200px;left:10px;height:250px;width:auto;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}@-webkit-keyframes float{0%{-webkit-filter:drop-shadow(5px 10px 5px rgba(0,0,0,.6));filter:drop-shadow(5px 10px 5px rgba(0,0,0,.6));transform:translatey(0)}50%{-webkit-filter:drop-shadow(5px 25px 5px rgba(0,0,0,.3));filter:drop-shadow(5px 25px 5px rgba(0,0,0,.3));transform:translatey(-10px)}to{-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,.6));filter:drop-shadow(5px 5px 5px rgba(0,0,0,.6));transform:translatey(0)}}@keyframes float{0%{-webkit-filter:drop-shadow(5px 10px 5px rgba(0,0,0,.6));filter:drop-shadow(5px 10px 5px rgba(0,0,0,.6));transform:translatey(0)}50%{-webkit-filter:drop-shadow(5px 25px 5px rgba(0,0,0,.3));filter:drop-shadow(5px 25px 5px rgba(0,0,0,.3));transform:translatey(-10px)}to{-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,.6));filter:drop-shadow(5px 5px 5px rgba(0,0,0,.6));transform:translatey(0)}}.return-locker-wrapper{background-color:#e63333}.return-locker-gif{height:500px;width:auto}.return-locker-text{font-size:2.5em;text-align:center;color:#fff}.return-locker-text-big{font-size:3em;text-align:center;color:#fff}.occupation-wrapper{height:90vh}.card-title{color:#275777!important}.release-button{margin-bottom:0}.info-timer{position:absolute;right:100px;top:0;width:350px;height:200px}.info-wrapper{background:linear-gradient(180deg,#40cf9f 0,#45deab)}.processing-text{font-size:3em;color:#fff}.wrong-location-wrapper{background-color:#ff660d}.wrong-location-number-container{border:6px solid #fff;height:250px;max-width:300px;border-radius:15px}.wrong-location-locker-number{font-family:"Robot",sans-serif;line-height:250px;font-size:10em;text-align:center;color:#fff;display:inline-block}.wrong-location-text-attention{font-size:4em;text-align:center;color:#fff}.help-text{color:#fff;font-size:2em}.help-text-big{color:#fff;font-size:2.8em}.help-item{display:inline}.help-top-padding{padding-top:200px}body{background-color:#00a2ce;font-family:"Raleway",sans-serif;overflow:hidden;touch-action:none}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{border-radius:5px;background-color:rgba(12,177,222,.3)}::-webkit-scrollbar-thumb{background-color:#00a2ce;border-radius:5px}.full-height{height:76vh}.my-shadow{box-shadow:0 0 9px 2px rgba(0,0,0,.3)}.png-shadow{-webkit-filter:drop-shadow(3px 2px 2px rgba(0,0,0,.3));filter:drop-shadow(3px 2px 2px rgba(0,0,0,.3))}.available{background:linear-gradient(180deg,#40cf9f 0,#45deab)}.occupied{background:linear-gradient(180deg,#c7715b 0,#e67e6a)}.disabled{background:linear-gradient(180deg,#414345 0,#232526)}.cleaning{background:linear-gradient(180deg,#ffe27a 0,#e8d964)}.locker-status-0{background:linear-gradient(180deg,#17e8de 0,#02b5ff)}.locker-status-1{background:linear-gradient(180deg,#e52d27 0,#b31217)}.bg-error{background-color:#fd7e14}.bg-cuf-blue{background-color:#00a2ce}.text-blue{color:#00a2ce}.card-title{font-size:1.5em;color:#2e2e2e}.danger{background-color:#c91616;color:#fff}.primary{background-color:#00a2ce;color:#fff}.loading{position:absolute;left:calc(50% - 35px);top:55%;width:55px;height:55px;border-radius:50%;box-sizing:border-box;border:3px solid transparent}.loading.component-loader{margin-top:-60px}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;border-radius:50%;box-sizing:border-box}.loading .effect-1{-webkit-animation:rotate 1s ease infinite;animation:rotate 1s ease infinite}.loading .effect-2{-webkit-animation:rotateOpacity 1s ease .1s infinite;animation:rotateOpacity 1s ease .1s infinite}.loading .effect-3{width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;-webkit-animation:rotateOpacity 1s ease .2s infinite;animation:rotateOpacity 1s ease .2s infinite;border-radius:50%;box-sizing:border-box}.loading .loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 75px);top:40%;width:150px}.fallback-spinner{border:2px solid #fff}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}
/*# sourceMappingURL=main.f229c517.chunk.css.map */