@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&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{margin:0;padding:0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.header-container .first-col{padding:1vh 0;min-height:100%}.header-container .first-col svg{margin-left:1.5vw;width:10vw;height:100%}.header-container .mid-col{min-height:100%;padding:2vh 0}.header-container .mid-col p{font-size:2.5vw}.header-container .mid-col p,.header-container .mid-col span{padding:0;margin:0;width:100%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;color:#00404f}.header-container .mid-col span{font-size:2vw}.header-container .last-col{display:flex;justify-content:flex-end;min-height:100%;padding:2vh 0}.header-container .last-col .wrapper{margin-right:1.5vw}.header-container .last-col .wrapper p{margin:0}.header-container .last-col .wrapper p,.header-container .last-col .wrapper span{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;font-size:2vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#00404f}.header-container .last-col .wrapper span{margin:0 0 0 auto;font-weight:600}.footer-container{height:10vh!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;margin:0;bottom:2vh;position:absolute;width:100vw}.footer-container .default-footer-container{width:100%;height:100%;padding:0 1vw;margin:0}.footer-container .default-footer-container .main-row{display:flex;align-items:center;width:100%;height:100%;margin:auto 0}.footer-container .default-footer-container .main-row .lotation-container{color:#00404f;width:30%;padding:0;font-size:1.5vw}.footer-container .default-footer-container .main-row .lotation-container span{font-weight:700;margin-left:1.2vw}.footer-container .default-footer-container .main-row .lotation-container .progress{margin-top:1.5vh;width:75%;background-color:#eee}.footer-container .default-footer-container .main-row .lotation-container .progress .progress-bar{background-color:#ad32c6}.footer-container .default-footer-container .button-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0 0 auto}.footer-container .default-footer-container .button-container svg{width:1.5vw;height:2vw}.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-wrapper{background-color:#ad32c6;padding:0;border-radius:.4vw;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-button-wrapper svg{margin:.5vw 1vw;padding:.4vw}.icon-button-wrapper svg path{height:100%;width:100%}.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}#countdown-timer{position:absolute;right:2vw;top:2vw;z-index:1;text-align:center;width:7vw;height:7vw;display:flex;align-items:center;justify-content:center;font-size:2vw;color:#00404f}#countdown-timer svg div{color:#e73333}#countdown-timer svg path{stroke-width:.4vw}.return-locker-wrapper{height:90vh;background-color:#c91616}.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}.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}.help-modal .modal-header{border:none;color:#00404f;margin-bottom:5vh}.help-modal .modal-header .modal-title{padding:0 2vw;font-weight:600;font-size:2.5vw;letter-spacing:.1vw}.help-modal .modal-row{margin:0}.help-modal .modal-row .col-6{padding:0 2vw;color:#00404f;font-size:1.6vw;letter-spacing:.1vw}.help-modal .modal-row .col-6 .help-text-big{color:#ad32c6;font-size:1.9vw;font-weight:700;margin-bottom:3.5vh}.help-modal .modal-row .col-6 .help-text span{font-weight:700;color:#ad32c6}.help-modal .modal-row .col-6 .row{margin:0}.modal .modal-dialog{background-color:#fff;margin:0;padding:0;min-width:100vw!important;max-width:100vw!important;height:100vh!important;border:none;display:flex}.modal .modal-dialog .modal-content{background-color:transparent;border:none;margin:auto}.modal .modal-dialog.confirm-request-locker-modal{background-color:#00ffab}.modal .modal-dialog.confirm-request-locker-modal .modal-content .modal-header{border:none;width:100%;padding:0;color:#00404f;margin-bottom:3vh}.modal .modal-dialog.confirm-request-locker-modal .modal-content .modal-header .modal-title{padding:0;margin:0 auto;font-weight:600;font-size:2vw;letter-spacing:.1vw}.modal .modal-dialog.confirm-request-locker-modal .modal-content .modal-body{display:flex;justify-content:center;padding:0;margin:0;position:relative}.modal .modal-dialog.confirm-request-locker-modal .modal-content .modal-body svg{width:25vw;height:25vw}.modal .modal-dialog.confirm-request-locker-modal .modal-content .modal-body p{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:600;color:#00404f}.modal .modal-dialog.confirm-request-locker-modal-free{background-color:#0cf}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content .modal-header{border:none;width:100%;padding:0;color:#00404f;margin-bottom:3vh}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content .modal-header .modal-title{padding:0;margin:0 auto;font-weight:600;font-size:2vw;letter-spacing:.1vw}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content .modal-body{display:flex;justify-content:center;padding:0;margin:0;position:relative}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content .modal-body svg{width:25vw;height:25vw}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content .modal-body p{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:600;color:#00404f}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content button{background-color:#e73333;outline:none;border:none;width:25vw;height:5vw;border-radius:.8vw;margin:5vh auto auto}.modal .modal-dialog.confirm-request-locker-modal-free .modal-content button span{color:#fff;font-size:2vw;letter-spacing:.1vw}.modal .modal-dialog.assigning-locker-modal{display:flex;align-items:center;justify-content:center;background-color:#e73333}.modal .modal-dialog.assigning-locker-modal .modal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.modal .modal-dialog.assigning-locker-modal .modal-content .modal-header{border:none;width:100%;padding:0;color:#fff}.modal .modal-dialog.assigning-locker-modal .modal-content .modal-header .modal-title{padding:0;margin:0 auto;font-weight:600;font-size:2.3vw;letter-spacing:.1vw}.modal .modal-dialog.assigning-locker-modal .modal-content .modal-body{padding:0;margin:0}.modal .modal-dialog.assigning-locker-modal .modal-content .modal-body img{width:50vw;padding:0;margin:0}.modal .modal-dialog.assigning-locker-modal .modal-content span{margin:0 auto;padding:0;text-align:center;width:100%;color:#fff;font-size:2vw;letter-spacing:.1vw}.modal .modal-dialog.wrong-location-error-modal{background-color:#ffc234}.modal .modal-dialog.wrong-location-error-modal .modal-content .modal-header{justify-content:center;text-align:center;border:none;margin-bottom:3vh}.modal .modal-dialog.wrong-location-error-modal .modal-content .modal-header h5{color:#00404f;font-weight:700;font-size:2.2vw}.modal .modal-dialog.wrong-location-error-modal .modal-content .modal-body{display:flex;justify-content:center;padding:0;margin:0;position:relative}.modal .modal-dialog.wrong-location-error-modal .modal-content .modal-body svg{width:25vw;height:25vw}.modal .modal-dialog.wrong-location-error-modal .modal-content .modal-body p{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:600;color:#00404f}.modal .modal-dialog.assigning-locker-error-modal .modal-body,.modal .modal-dialog.confirm-return-locker-modal .modal-body,.modal .modal-dialog.no-ids-error-modal .modal-body,.modal .modal-dialog.processing-request-modal .modal-body,.modal .modal-dialog.releasing-error-modal .modal-body{display:flex;justify-content:center;align-items:center}.modal .modal-dialog.assigning-locker-error-modal .modal-body .wrapper,.modal .modal-dialog.confirm-return-locker-modal .modal-body .wrapper,.modal .modal-dialog.no-ids-error-modal .modal-body .wrapper,.modal .modal-dialog.processing-request-modal .modal-body .wrapper,.modal .modal-dialog.releasing-error-modal .modal-body .wrapper{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal .modal-dialog.assigning-locker-error-modal .modal-body .wrapper svg,.modal .modal-dialog.confirm-return-locker-modal .modal-body .wrapper svg,.modal .modal-dialog.no-ids-error-modal .modal-body .wrapper svg,.modal .modal-dialog.processing-request-modal .modal-body .wrapper svg,.modal .modal-dialog.releasing-error-modal .modal-body .wrapper svg{margin:auto;width:15vw;height:auto}.modal .modal-dialog.assigning-locker-error-modal .modal-body .wrapper .text-div,.modal .modal-dialog.confirm-return-locker-modal .modal-body .wrapper .text-div,.modal .modal-dialog.no-ids-error-modal .modal-body .wrapper .text-div,.modal .modal-dialog.processing-request-modal .modal-body .wrapper .text-div,.modal .modal-dialog.releasing-error-modal .modal-body .wrapper .text-div{margin-top:8vh;text-align:center}.modal .modal-dialog.assigning-locker-error-modal .modal-body .wrapper .text-div p,.modal .modal-dialog.confirm-return-locker-modal .modal-body .wrapper .text-div p,.modal .modal-dialog.no-ids-error-modal .modal-body .wrapper .text-div p,.modal .modal-dialog.processing-request-modal .modal-body .wrapper .text-div p,.modal .modal-dialog.releasing-error-modal .modal-body .wrapper .text-div p{font-weight:700;font-size:2.3vw}.modal .modal-dialog.assigning-locker-error-modal .modal-body .wrapper .process-loading,.modal .modal-dialog.confirm-return-locker-modal .modal-body .wrapper .process-loading,.modal .modal-dialog.no-ids-error-modal .modal-body .wrapper .process-loading,.modal .modal-dialog.processing-request-modal .modal-body .wrapper .process-loading,.modal .modal-dialog.releasing-error-modal .modal-body .wrapper .process-loading{width:15vw;height:auto}body{font-family:"Open Sans",sans-serif;overflow:hidden;touch-action:none}#root,body{max-height:100vh;min-height:100vh}#root{position:relative}::-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}.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)}.card-title{font-size:1.5em;color:#2e2e2e}.danger{background-color:#c91616;color:#fff}.primary{background-color:#00a2ce;color:#fff}.background{width:100%;display:flex;align-items:center;justify-content:center}.background,.background .info{margin:0;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.background .info{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.background .info .wrapper{width:70vw;padding:0;margin:auto}.background .info .wrapper img{width:100%;height:100%}.background .info span{margin:0 auto;padding:0;text-align:center;width:100%;color:#00404f;font-size:1.8vw}.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.823aa555.chunk.css.map */