body{margin:0;padding:0;display:flex;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#root{padding:0;width:100%;height:100%;position:absolute;top:0;left:0}.App{position:absolute;font-family:Inter;left:0;top:0;width:100%;height:100%;background:transparent linear-gradient(124deg,#f5faff,#ccd0dc) 0% 0% no-repeat padding-box}.App .gradientTop{position:absolute;left:0;top:0;width:100%;height:14.8%;background:transparent linear-gradient(0deg,#d3d7e200,#d1d5e0) 0% 0% no-repeat padding-box}.App .bgLogo{width:auto;height:87.7%;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.App .topLeftLogo{position:absolute;top:0;left:20px;padding:12px 40px 24px;background-color:#00479e;box-shadow:0 .46875vw 1.04vw #00347480;border-radius:0px 0px .52vw .52vw}.App .topLeftLogo img{width:auto;height:82px}.App .floorSelector{position:absolute;width:60px;display:flex;flex-direction:column-reverse;bottom:215px;right:20px;align-items:center;background-color:#fff;box-shadow:0 10px 16px #a4acb8;border-radius:8px;padding:8px 0}.App .floorSelector .floorButton{width:50px;height:40px;background-color:#fff;display:flex;justify-content:center;align-items:center;color:#042650;cursor:pointer}.App .floorSelector .floorButton.selected{background-color:#00479e;color:#fff;font-size:700;border-radius:4px}.App .floorSelector .floorButton span{font-size:16px}.App .floorIndicator{display:flex;flex-direction:row;position:absolute;bottom:30px;left:20px;align-items:center}.App .floorIndicator img{height:73px;width:auto;margin-right:23px}.App .floorIndicator .floorName{display:flex;flex-direction:column;font-weight:900}.App .floorIndicator .floorName .short{font-size:40px;color:#00479e}.App .floorIndicator .floorName .long{color:#042650;font-size:30px;text-transform:uppercase}.App .languageSelector{display:flex;flex-direction:column;width:280px;top:0;right:20px;position:absolute;font-weight:700;font-size:16px}.App .languageSelector .button{width:100%;height:60px;border-radius:0 0 10px 10px;background-color:#00479e;color:#fff;text-transform:uppercase;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;letter-spacing:.4px;cursor:pointer;box-shadow:0 9px 20px #00347480}.App .languageSelector .button img{width:auto;height:28px;margin-right:16px}.App .languageSelector .languageList{opacity:0;transition:opacity .15s linear;display:flex;flex-direction:column;width:100%;background-color:#fff;box-shadow:0 10px 10px #010d1c33;border-radius:0 0 4px 4px;padding:6px;box-sizing:border-box;position:relative;top:-6px;z-index:0}.App .languageSelector .languageList.open{opacity:1}.App .languageSelector .languageList .languageChoice{color:#4f6784;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:48px;cursor:pointer}.App .languageSelector .languageList .languageChoice.selected{background-color:#e4eaf1;color:#00479e}.App .searchButtons{position:absolute;bottom:0;right:20px;height:80px;background:transparent linear-gradient(94deg,#00479e,#00244f) 0% 0% no-repeat padding-box;border-radius:10px 10px 0 0;display:flex;flex-direction:row;align-items:center}.App .searchButtons .searchButton{font-size:16px;letter-spacing:.4px;padding:0 40px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.App .searchButtons .searchButton .icon{height:30px;margin-right:15px}.App .searchButtons .searchButton .label{color:#fff;font-weight:700;text-transform:uppercase}.debugLabel{font-family:Inter;color:#000;white-space:nowrap;position:relative;top:5px;left:5px;text-align:center;transform:translate(-50%);font-size:16px}.debugLabel.small{font-size:12px}.roomLabel{left:50%!important;top:50%!important;transform:translate(-50%) translateY(-50%)!important;pointer-events:none;transition:opacity .07s linear}.roomLabel.hidden{opacity:0}.roomLabel .roomNumber{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);background-color:#00479e;border-radius:50%;border:2px solid white;width:30px;height:30px;box-sizing:border-box;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.roomLabel .roomNumber.small{width:15px;height:15px}.roomLabel .roomNumberCircle{transition:transform .3s cubic-bezier(.165,.84,.44,1);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);width:30px;height:30px;border-radius:50%;background-color:#fff;opacity:.35}.roomLabel .roomNumberCircle.revealed{transform:translate(-50%) translateY(-50%) scale(2.5)}.roomLabel .icon{background-color:#fff;padding:6px;box-shadow:0 10px 17px #010d1cad;border-radius:5px;transform:translateY(calc(-50% - 20px));box-sizing:border-box;width:42px;height:42px}.roomLabel .icon:after{content:"";position:absolute;left:0;right:0;bottom:-4px;margin:0 auto;width:0;height:0;border-top:6px solid white;border-left:8px solid transparent;border-right:8px solid transparent}.roomLabel .icon img{width:30px;height:30px;margin:0;padding:0}.roomLabel .roomPanel{background-color:#fffd;border-bottom:4px solid #00479E;display:flex;flex-direction:row;align-items:center;font-weight:700;max-width:410px;opacity:0;transform:translateY(calc(-50% - 50px));transition:opacity .2s linear;box-shadow:0 10px 17px #010d1c99}.roomLabel .roomPanel.revealed{opacity:1}.roomLabel .roomPanel .left{display:flex;flex-direction:column;padding:17px}.roomLabel .roomPanel .left div:first-child{color:#00479e;font-size:20px;line-height:1.2;margin-bottom:.5em;white-space:nowrap}.roomLabel .roomPanel .left div:last-child{color:#4f6784;font-size:14px;white-space:nowrap}.roomLabel .roomPanel .right{aspect-ratio:1/1;height:100%}.Building{position:absolute;top:0;left:0;width:100%;height:100%}.Building .loadingIndicator{position:absolute;z-index:50000;top:0;left:0;width:100%;height:100%;background-size:cover;display:flex;justify-content:center;align-items:center;background:transparent linear-gradient(124deg,#f5faff,#ccd0dc) 0% 0% no-repeat padding-box;color:#042650;font-size:25px;font-weight:700;text-transform:uppercase}.Building .loadingIndicator .bgLogo{width:auto;height:87.7%;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.Building .canvasContainer{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.Building .canvasContainer.roomSelected{transform:translate(15%)}.Building .leftPanel{z-index:635780084;position:absolute;left:0;top:0;height:100%;width:26%;background-color:#fff;border-bottom:8px solid #00479E;box-shadow:10px 0 17px #010d1c29;padding:26px 18px;box-sizing:border-box;display:flex;flex-direction:column;transform:translate(-100%);opacity:0;transition:opacity .3s linear,transform .5s cubic-bezier(.165,.84,.44,1)}.Building .leftPanel.revealed{transform:translate(0);opacity:1}.Building .leftPanel .title{display:flex;flex-direction:row;align-items:center}.Building .leftPanel .title .bigIcon{height:36px;background-color:#00479e;padding:12px;border-radius:4px;width:auto;margin-right:22px}.Building .leftPanel .title .text{display:flex;flex-direction:column}.Building .leftPanel .title .text div:first-child{color:#042650;font-size:35px;font-weight:700}.Building .leftPanel .title .text div:last-child{color:#4f6784;font-size:18px;font-weight:700}.Building .leftPanel .thumbnail{width:100%;height:auto;object-fit:contain;flex-grow:1;flex-shrink:1;min-height:0}.Building .leftPanel .indication{display:flex;flex-direction:row;align-items:center;margin-bottom:47px}.Building .leftPanel .indication .smallIcon{height:26px;background-color:#00479e;padding:7px;border-radius:4px;width:auto;margin-right:22px}.Building .leftPanel .indication .arrowWhite{height:40px;background-color:#fff;width:auto;margin-right:22px}.Building .leftPanel .indication .text{display:flex;flex-direction:row;align-items:center;color:#000;font-size:20px;font-weight:700}.Building .leftPanel .indication .text .floorText{background-color:#e4eaf1;color:#042650;padding:4px 10px;margin-left:.6em}.NameSearch .container .tableContainer{flex-grow:1;flex-shrink:1;min-height:0;overflow:auto;padding-left:16px;padding-right:16px;display:flex;flex-direction:column}.NameSearch .container .table{width:100%;height:100%;flex-grow:0;flex-shrink:1;min-height:0;border-collapse:collapse}.NameSearch .container .table thead{background-color:#e4eaf1;text-transform:uppercase;position:sticky;top:0;display:table;width:100%;table-layout:fixed;font-weight:700}.NameSearch .container .table thead th{height:30px;font-size:12px;line-height:1;text-align:left}.NameSearch .container .table tbody{max-height:100%;overflow-y:auto}.NameSearch .container .table tbody tr{display:table;width:100%;table-layout:fixed;cursor:pointer;font-size:16px;font-weight:700;color:#042650;border-bottom:1px solid #E4EAF1}.NameSearch .container .table tbody tr td{height:50px;vertical-align:middle}.NameSearch .container .table tbody tr td .square{font-size:14px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;background-color:#00469d;border-radius:4px;color:#fff}.NameSearch .container .table tbody tr td .rect{font-size:16px;height:24px;display:flex;justify-content:center;align-items:center;background-color:#e4eaf1;border-radius:4px;color:#042650;padding:2px 17px}.NameSearch{position:absolute;top:0;left:0;width:100%;height:100%;z-index:635780083}.NameSearch .bgFilter{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.85}.NameSearch .container{background-color:#fff;position:absolute;right:0;top:0;height:100%;width:1020px;max-width:70%;display:flex;flex-direction:column}.NameSearch .container .titleBar{width:100%;height:80px;background:transparent linear-gradient(93deg,#00479e,#00244f) 0% 0% no-repeat padding-box;display:flex;flex-direction:row;align-items:center;padding:0 30px;box-sizing:border-box;flex-grow:0;flex-shrink:0}.NameSearch .container .titleBar .icon{height:30px;margin-right:15px}.NameSearch .container .titleBar .label{color:#fff;font-weight:700;text-transform:uppercase;flex-grow:1}.NameSearch .container .titleBar .button{cursor:pointer;height:40px;background-color:#fff;border-radius:30px;padding:0 8px 0 24px;color:#000;font-size:20px;font-weight:700;line-height:1;display:flex;flex-direction:row;align-items:center}.NameSearch .container .titleBar .button .cross{width:29px;height:29px;margin-left:23px}.NameSearch .container .whiteSpace{width:100%;height:38px;flex-grow:0;flex-shrink:0;z-index:10}.NameSearch .container .categories{padding:0 17px;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.NameSearch .container .category{display:flex;flex-direction:column;width:100%;flex-grow:0;flex-shrink:0;border-bottom:2px solid #E4EAF1;color:#042650;font-weight:700;font-size:25px;cursor:pointer}.NameSearch .container .category .header{display:flex;flex-direction:row;width:100%;height:120px;flex-grow:0;flex-shrink:0;align-items:center}.NameSearch .container .category .header .tagIcon{height:13px;margin-right:16px;flex-grow:0;flex-shrink:0}.NameSearch .container .category .header .categoryName{flex-grow:1;flex-shrink:1;min-width:0;color:transform .1s ease-out}.NameSearch .container .category .header .arrow{height:22px;width:auto;flex-grow:0;flex-shrink:0;transition:transform .2s ease-out}.NameSearch .container .category .table{display:flex;flex-direction:column;width:100%;flex-grow:0;flex-shrink:0;display:none}.NameSearch .container .category .table .tableHeader{display:flex;flex-direction:row;align-items:center;flex-grow:0;flex-shrink:0;width:100%;background-color:#e4eaf1;color:#042650;padding:13px 43px;box-sizing:border-box;font-size:12px;text-transform:uppercase}.NameSearch .container .category .table .tableHeader div:first-child{width:30px;flex-grow:0;flex-shrink:0;text-align:center;margin-right:40px}.NameSearch .container .category .table .tableHeader div:nth-child(2){flex-grow:1;flex-shrink:1;min-width:0}.NameSearch .container .category .table .tableHeader div:last-child{width:60px;flex-grow:0;flex-shrink:0;margin-left:40px;text-align:center}.NameSearch .container .category .table .tableContent{display:flex;flex-direction:column;align-items:center;width:100%;color:#042650;box-sizing:border-box;font-size:16px;flex-grow:0;flex-shrink:0}.NameSearch .container .category .table .tableContent .room{display:flex;flex-direction:row;align-items:center;width:100%;flex-grow:0;flex-shrink:0;padding:13px 43px;box-sizing:border-box;border-bottom:1px solid #E4EAF1}.NameSearch .container .category .table .tableContent .room:last-child{border:none}.NameSearch .container .category .table .tableContent .room div:first-child{width:30px;height:30px;flex-grow:0;flex-shrink:0;font-size:14px;color:#fff;background-color:#00469d;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-right:40px}.NameSearch .container .category .table .tableContent .room div:nth-child(2){flex-grow:1;flex-shrink:1;min-width:0}.NameSearch .container .category .table .tableContent .room div:last-child{width:60px;height:24px;flex-grow:0;flex-shrink:0;margin-left:40px;background-color:#e4eaf1;border-radius:18px;display:flex;justify-content:center;align-items:center}.NameSearch .container .category.selected .header .categoryName{color:#00479e}.NameSearch .container .category.selected .header .arrow{transform:rotate(90deg)}.NameSearch .container .category.selected .table{display:flex}