body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{box-sizing:border-box;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100%}.side-panel{align-self:self-start;display:flex;flex-direction:column;padding-left:5%;top:5%}div.sticky{background-color:#ff0;font-size:20px;padding:50px;position:-webkit-sticky;position:sticky;top:0}.column-div{padding:13px 5px 5px;width:100%}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul{-webkit-padding-start:.4rem;list-style-type:none;margin-top:0;padding-inline-start:.4rem}.card{background-color:#eeeff4;border:2px solid #cdd7eb;border-radius:4px;resize:both}.height-and-width{height:196px;width:350px}.height-and-width-large{height:720px;width:1280px}.canvas-box{gap:20px;position:absolute;resize:both}#canvas,.canvas-box{display:flex;flex-direction:row;flex-wrap:wrap}#canvas{justify-content:flex-end}#canvas,.canvas-player{position:relative}.large-canvas-player{cursor:move;height:100%;width:100%}.canvasbutton-div{bottom:7px;display:block;left:5px;position:absolute;z-index:2}.combined-container{color:#8b94b3}.large-card{background-color:#eeeff4;border:2px solid #cdd7eb;border-radius:4px;height:720px;width:1280px}.header-btn{display:flex;padding-right:1%}.ribbon :hover{color:#34a2b1}.player-left-controls{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-button{display:inline-block;opacity:.9;transition:opacity .1s cubic-bezier(.4,0,1,1)}.player-left-controls button{background-color:initial;border:none}.custom-button.disabled{background-color:initial;cursor:not-allowed}.custom-button.disabled :hover{background-color:initial;border:none}.player-left-controls .fa-search-minus.disabled{color:gray;font-size:24px;font-weight:400;vertical-align:middle}.player-left-controls button i{color:#fff;font-size:24px;font-weight:400;vertical-align:middle}@media (any-hover:hover){.player-left-controls :hover,button :hover{border:none}.player-left-controls :hover,button :hover,i :hover{color:#000}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.tri{cursor:pointer;-webkit-user-select:none;user-select:none}.tri:before{color:#34a2b1;content:"\203A";display:inline-block;font-size:24px;margin-right:6px}.tri-down:before{color:#34a2b1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.caret{cursor:pointer;-webkit-user-select:none;user-select:none}.caret:before{color:#000;content:"\203A";display:inline-block;font-size:24px;margin-right:6px}.caret-down:before{color:#34a2b1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nested{display:none}.active{display:block}.footer-div{background-color:#eeeff4;border-top:1px solid #cdd7eb;bottom:0;color:#8b94b3;font-size:80%;height:20px;padding-bottom:6px;padding-top:6px;position:fixed;text-align:center;width:100%}header{background-color:#fff;font-size:14px;height:50px;top:0}.cp-logo{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.username{margin-bottom:auto;margin-top:auto}.cp-logo-main{width:120px}img{border-style:none;vertical-align:middle}.header-divider{background:linear-gradient(266.56deg,#4ed4ff 17.36%,hsla(0,0%,100%,0) 58.2%),#34a2b1;height:8px;position:absolute;width:100%}.side-panel-div{border-radius:2px;max-height:340px;overflow:scroll}.small-layout-div{display:flex;flex-flow:row wrap;height:100%;justify-content:center;width:100%}.container-small{padding:3px}.container-medium,.container-small{color:#8b94b3;display:flex;flex-flow:row wrap}p{text-align:center}iframe:-webkit-full-screen{height:720px;width:1280px}iframe:fullscreen{height:720px;width:1280px}.item{border:2px solid transparent;gap:12px}.canvas-player:-webkit-full-screen{height:720px;position:relative;width:1280px}.canvas-player:fullscreen{height:720px;position:relative;width:1280px}.medium-canvas-player{height:409px;width:720px}button{border-radius:4px;cursor:pointer;height:34px;width:80px}.combined-container{display:flex;flex-flow:row wrap;gap:22px;padding-bottom:1%;padding-left:1%}.center-container-large{display:flex;flex-flow:row wrap;justify-content:center}.medium-card{background-color:#eeeff4;border:2px solid #cdd7eb;border-radius:4px;height:409px;width:720px}.ribbon-item{color:#000;text-decoration:none}.user-details{display:none;margin-left:10%}.control-panel{background-color:rgba(0,0,0,.5);border-radius:5px;bottom:0;height:35px;left:25%;position:absolute;width:50%;z-index:1}.test-p{position:absolute;z-index:3}.canvas-without-player{align-items:center;background:#eeeff4;background:var(--BG-200,#eeeff4);cursor:auto;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.canvas-without-medium-player{cursor:auto;height:409px;position:relative;width:720px}.icon-container{border:2px solid #000;border-radius:6px;display:inline-block;height:24px;margin-left:10px;margin-right:10px;position:relative;width:24px}.icon-value{color:#000;font-size:12px;font-weight:700;left:15%;position:absolute;top:22%}.icon-container.selected{background-color:#34a2b1;border-color:#34a2b1;.icon-value{color:#fff}}.material-icons{font-size:24px;font-weight:none}.canvas-without-large-player{cursor:auto;height:720px;position:relative;width:1280px}.selection-button.selected{background-color:#34a2b1;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.selection-button{color:#34a2b1;cursor:pointer}.canvasplayer1{border:2px solid red;margin:24px}.message-box{align-items:center;display:flex;flex-direction:column;position:absolute;top:30%;width:100%}.sad-smiley{color:#34a2b1;font-size:88px}.error-text1{font-size:50px}@media only screen and (max-width:600px){.message-logo{width:50%}.error-text1{font-size:20px}}.message-text1{font-size:24px;font-weight:100}.parent-loader-container{align-items:center;display:flex;height:100vh;justify-content:center;left:50%;position:absolute;top:10%}.loader{text-align:center}.loading-dots,.loading-dots:after,.loading-dots:before{background-color:#22727c;border-radius:50%;color:#22727c;height:8px;width:8px}.loading-dots:after,.loading-dots:before{content:"";display:inline-block;position:absolute;top:0}.loading-dots:before{-webkit-animation:loadingDots .5s linear infinite alternate;animation:loadingDots .5s linear infinite alternate;-webkit-animation-delay:0s;animation-delay:0s;left:-14px}.loading-dots{-webkit-animation:loadingDots .5s linear infinite alternate;animation:loadingDots .5s linear infinite alternate;-webkit-animation-delay:.25s;animation-delay:.25s;position:relative}.loading-dots:after{-webkit-animation:loadingDots .5s linear infinite alternate;animation:loadingDots .5s linear infinite alternate;-webkit-animation-delay:.5s;animation-delay:.5s;left:14px}@-webkit-keyframes loadingDots{0%{background-color:#22727c;height:12px;width:12px}50%,to{background-color:#7fcece}}@keyframes loadingDots{0%{background-color:#22727c;height:12px;width:12px}50%,to{background-color:#7fcece}}.testing{background:#000;height:698px;margin:auto;width:1280px}.testing-large-canvas-player{cursor:move;height:698px;width:1240px}.webrtc_player{height:698px;width:1280px}.singlePlayer{display:block;height:50%;margin:0;padding:0;width:100%}.fa-expand.disabled,.fullScreen.disabled,.header-display,.hidden,.pipo-button.disabled{display:none}.logout{color:#34a2b1;cursor:pointer}.card-collapsed{display:none}.side-panel-header{background-color:#34a2b1;color:#fff;padding:.4rem;position:-webkit-sticky;position:sticky;text-align:center;top:0}.selected-hospital{background-color:#eeeff4;color:#34a2b1}.add_container{fill:#8b94b3;cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cancel_container{fill:#8b94b3;cursor:pointer;position:relative;text-align:center;top:40%}.pagination{align-items:center;border-bottom:1px solid #cdd7eb;display:flex;gap:20px;justify-content:flex-start;margin-bottom:0;padding-left:1.9rem}.pagination .page-number{background:#fff;border-bottom:2px solid #676767;border-radius:0;color:#677797;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .5s ease}.pagination .page-number:hover{border-bottom:2px solid #677797;color:#677797}.pagination .active,.pagination .active:hover{border-bottom:2px solid #34a2b1;color:#34a2b1}.displayed{display:none}.pagination-container{border-bottom:1px solid #cdd7eb;display:flex;justify-content:space-between;margin-bottom:25px;margin-left:10px;margin-right:10px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.pagination-container-hidden{visibility:hidden}.hospital-name-hover{word-wrap:break-word;background-color:#34a2b1;border-radius:2px;bottom:2px;color:#fff;left:2px;overflow:hidden;padding:5px;position:absolute;text-overflow:ellipsis;white-space:normal}.large-control-panel{bottom:3%;height:5.5rem;right:3%;width:5.5rem}.large-control-panel,.small-control-panel{fill:#34a2b1;fill:var(--primary-color-400,#34a2b1);background-color:#34a2b1;border-radius:50%;margin:0;padding:0;position:absolute;z-index:1}.small-control-panel{bottom:5%;height:7vh;right:5%;width:7vh}.secondary-icons-container{border-radius:0;display:flex;gap:5%;justify-content:flex-end;left:0;padding:1% 0 0;position:absolute;right:10%;top:0;width:auto;z-index:1}.start{justify-content:flex-start}.secondary-icons-container-large{gap:2%;right:6%}.camera-selection-container{display:flex;justify-content:flex-end;position:absolute;top:3rem;width:100%}.large-control-panel .left-button{height:2rem;position:absolute;top:30%;width:1.9rem}.large-control-panel .magnifier-button{height:2rem;left:28%;position:absolute;top:30%;width:2.125rem}.large-control-panel .right-button{height:2rem;left:60%;position:absolute;top:30%;width:1.9rem}.large-control-panel .up-button{height:2rem;left:30%;position:absolute;top:0;width:2.125rem}.large-control-panel .down-button{height:2rem;left:30%;position:absolute;top:60%;width:2.125rem}.left,.magnifier{-webkit-filter:brightness(1.7);filter:brightness(1.7);width:100%}.magnifier{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.down,.right,.up{-webkit-filter:brightness(1.7);filter:brightness(1.7);width:100%}.small-zoom-control-panel{bottom:35%;right:6%}.large-zoom-control-panel,.small-zoom-control-panel{background-color:#888888e0;margin-right:.5rem;max-height:150px;max-width:40px;position:absolute;width:8%;z-index:1}.large-zoom-control-panel{bottom:20%;right:4%}.player-left-controls{display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1%;width:100%}.controls3{bottom:1%}.plus{-webkit-filter:brightness(1.7);filter:brightness(1.7);width:100%}.img-size{height:100%;width:100%}.left-button{background:#b5d2fe;width:39%}.left-button,.magnifier-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:30%}.magnifier-button{left:27%;width:50%}.right-button{background:#b5d2fe;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:60%;position:absolute;top:30%;width:39%}.up-button{top:0}.down-button,.up-button{background:#b5d2fe;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:30%;position:absolute;width:40%}.down-button{top:60%}.small-control-panel .padding-class{padding:9%}.hospital_container{background-color:#fff;background:#fff;background:var(--BG-000,#fff);border-radius:.125rem;box-shadow:0 0 3px rgba(0,0,0,.25);display:flex;flex-direction:column;flex-shrink:0;height:7.5rem;position:relative;width:75%;z-index:2}.swap_container{bottom:0;position:relative;right:5rem;top:0;width:75%}.swap_container_large_panel{bottom:0;position:relative;right:7rem;top:0}.dropdown_list{stroke-width:1px;stroke:#cdd7eb;stroke:var(--BG-400,#cdd7eb);background-color:#fff!important;border:1px solid #cdd7eb;height:2.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;width:20rem}#select{appearance:none;-webkit-appearance:none;border-radius:0;color:#8b94b3;color:var(--Text-300,#8b94b3);font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.00938rem;line-height:normal}#cp-hospitals:before,#cp-hospitals:focus{border:1px solid #34a2b1}.controls-button-container{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin:.5rem 1rem auto auto;max-width:300px;position:relative}.controls-button-container>button{word-wrap:break-word;border:1px solid #dee1e6;border-radius:1px;font-family:Roboto;font-size:14px;font-weight:500;line-height:16px;position:relative}.cancel-button{background-color:#fff;color:#8b94b3}.cancel-button:active,.done-button{background-color:#34a2b1;color:#fff}.MuiOutlinedInput-root:focus{border-color:#34a2b1}.header-container{display:inline-flex;flex-direction:column;gap:1rem;margin-left:1rem;margin-right:1rem;padding-top:.5rem;width:90%}.search-field{stroke-width:1px;border-radius:0;border-width:thin;height:2rem;margin-left:auto;margin-right:auto;position:relative;width:100%}input[type=text]{border:1px solid #cdd7eb;border:1px solid var(--BG-400,#cdd7eb)}input[type=text]:focus{border:1px solid #34a2b1!important;outline:none!important}.assigned-hospitals-text{align-self:center;color:#2b2a3a;color:var(--Text-600,#2b2a3a);font-family:Roboto;font-size:.875rem;font-style:normal;font-weight:700;letter-spacing:.00938rem;line-height:normal}.text,.units_header{color:#465065;display:flex;flex-direction:row;font-family:Roboto;font-size:14px;font-weight:500;line-height:16.41px;margin-bottom:.5rem;margin-top:.5rem;text-align:left}.hospital-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.units-and-cam-container{display:flex;flex-direction:row;height:100%}.units-container{flex-grow:1;max-width:180px;overflow-x:auto;overflow-y:scroll;padding-left:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:2px;box-shadow:inset 0 0 1px grey}::-webkit-scrollbar-thumb{background:#cdd7eb;background:var(--BG-400,#cdd7eb);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#8b94b3;width:10px}ul{padding-left:0}.unit{border:1px solid #cdd7eb;border:1px solid var(--BG-400,#cdd7eb);color:#677797;font-family:Roboto;font-size:14px;font-weight:500;letter-spacing:1.649999976158142px;line-height:16.41px;margin-top:.5rem;padding:.2rem;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.text{border:0;padding:0}.cameras-container{background-color:#f5f7f7;flex-grow:1;height:100%;overflow-x:auto;overflow-y:auto;padding-left:.5rem}.unit:hover{background-color:#7fcece;border:1px solid #34a2b1}.selected-camera,.selected-unit,.unit:hover{color:#34a2b1;font-family:Roboto;font-size:14px;font-weight:500;letter-spacing:1.649999976158142px;line-height:16.41px;text-align:left}.selected-camera,.selected-unit{background-color:#e5f2f2;border:1px solid;border-radius:2px}.done-button:disabled{background-color:#dee1e6;color:#fff;cursor:not-allowed;font-family:Roboto;font-size:14px;font-weight:500;line-height:16px;text-align:center}.cancel-button:hover,.done-button:hover{background-color:#7fcece;border:1px solid #34a2b1;color:#fff}.overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.dialog-box{background:#fff;border-radius:8px;display:flex;flex-direction:column;left:50%;padding:20px;position:absolute;text-align:center;top:50%;width:300px}.btn{background-color:#34a2b1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.input-class{border:1px solid #34a2b1;border-radius:2px;gap:18px;height:4%;padding:12px,281px,12px,8px;width:80%}.preset{border:2px;cursor:pointer;margin-bottom:8%;-webkit-user-select:none;user-select:none}.preset-icon-container.disabled{background-color:initial;cursor:not-allowed}li:hover{color:grey}li.clicked{color:#34a2b1}.cancel.disabled,.plus.disabled{display:none}.preset-display{border-radius:2px;display:flex;flex-direction:column;flex-wrap:nowrap;height:50%;margin:0;max-height:340px;overflow:scroll;position:relative}.preset-collapse{display:none}.preset-icon-container{background-color:#34a2b1;color:#fff;display:flex;justify-content:center}.preset-icon-container>div{align-items:center;text-align:center}.presetlist ol{list-style-type:none;padding:0}.presetlist li{margin-bottom:8px}.presetlist li:before{color:#000;content:"\2022";font-size:24px;margin-right:8px}.preset-options{cursor:pointer;font-family:Roboto;font-size:14px;font-weight:400;line-height:14px;padding:.5rem .2rem .5rem .5rem;text-align:left}.preset-options:hover{background:#eeeff4}.add_preset_container{flex-direction:row;z-index:4}.add_preset_container,.back_button{display:flex;justify-content:space-between}.back_button{flex-direction:row-reverse;margin-bottom:.4rem}.header-text{font-family:Roboto;font-size:14px;font-weight:500;line-height:16.41px;padding-top:.5rem;text-align:left}.load{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-radius:50%;border-right:3px solid #f3f3f3;border-top:3px solid #f3f3f3;border-color:#34a2b1 #34a2b1 #f3f3f3 #f3f3f3;border-style:solid;border-width:3px;height:25px;width:25px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.preset-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:1px}.preset-container>div{border:1px solid #cdd7eb;border:1px solid var(--BG-400,#cdd7eb);color:#677797;font-family:Roboto;font-size:14px;font-weight:500;letter-spacing:1.649999976158142px;line-height:16.41px;margin:6px;padding:.2rem;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.no-preset-container{border:0 solid #cdd7eb!important;border:0 solid var(--BG-400,#cdd7eb)!important;margin:auto!important}.preset-list-container{margin:10px 10px 5px 12px}.preset-content:hover .deletion-content:hover,.preset-list-container{font-family:Roboto;font-size:14px;font-weight:500;line-height:16.41px;text-align:left}.preset-content:hover .deletion-content:hover{background-color:#7fcece;border:1px solid #34a2b1;color:#34a2b1;cursor:pointer;letter-spacing:1.649999976158142px}.preset-header-container{display:flex;flex-direction:row;justify-content:space-between;margin-left:6px;margin-right:10px;margin-top:10px}.delete-button{word-wrap:break-word;align-self:self-end;background-color:#eb4049;border:1px solid #dee1e6;border-radius:1px;color:#fff;font-family:Roboto;font-size:14px;font-weight:500;line-height:16px;position:relative;text-align:center}.delete-button-container{display:flex;flex-direction:row;justify-content:flex-end;width:100%}.deletion-content{background-color:#fee0e2;border:1px solid #eb4049!important;color:#eb4049!important;font-family:Roboto;font-size:14px;font-weight:500;letter-spacing:1.649999976158142px;line-height:16.41px;text-align:left}.deletion-dialog{z-index:5}.bottom-space{margin-bottom:10px}@media (orientation:landscape){#root{height:100vh;width:100vw}.singlePlayer{display:flex;height:100%;width:100%}video{object-fit:fill}.container{bottom:0;display:flex;flex-flow:row;height:100%;padding:0;position:fixed;width:100%}.testing-control-panel{background-color:rgba(0,0,0,.5);border-radius:5px;bottom:0;height:35px;left:0;position:absolute;width:100%;z-index:1}.testing-large-canvas-player{cursor:move;height:100%;width:100%}.player-controls{display:flex;flex:1 1;flex-direction:row;justify-content:center;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.player-controls button{background-color:initial;border:none}.player-controls button i{color:#fff;font-size:24px;font-weight:400;vertical-align:middle}.player-controls :hover :after,button :hover :after{background-color:#34a2b1;border:none}@media (any-hover:hover){.player-controls :hover,button :hover{border:none}.player-controls :hover,button :hover,i :hover{color:#000}}.webrtc_player{height:auto;width:100%}}@media (orientation:portrait){.singlePlayer{display:flex;height:100%;width:100%}video{object-fit:fill}.container{display:flex;flex-flow:row;height:100%;padding:0;width:100%}.testing-control-panel{background-color:rgba(0,0,0,.5);border-radius:5px;bottom:0;height:35px;left:0;position:absolute;width:100%;z-index:1}.player-controls{display:flex;flex:1 1;flex-direction:row;justify-content:center;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.player-controls button{background-color:initial;border:none}.player-controls button i{color:#fff;font-size:24px;font-weight:400;vertical-align:middle}@media (any-hover:hover){.player-controls :hover,button :hover{border:none}.player-controls :hover,button :hover,i :hover{color:#000}}.testing-large-canvas-player{cursor:move;height:100%;width:100%}.webrtc_player{height:auto;width:100%}}.login-container{background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);left:50%;margin:0 auto;max-width:400px;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.form-group{margin-bottom:20px}.label{display:block;font-weight:700;margin-bottom:5px;padding:10px}.form-input{border:1px solid #ccc;border-radius:5px}.button,.form-input{font-size:16px;padding:10px;width:100%}.button{border:none;border-radius:5px;cursor:pointer;display:block}.button,.button:hover{background-color:#34a2b1;color:#fff}.error-container{color:#eb4049}.username{padding:1px}.logo-box{left:35%;position:absolute}.layout-menu{background-color:#fff;border-left:1px solid #34a2b1;bottom:30;box-shadow:0 0 5px rgba(0,0,0,.25);display:flex;flex-direction:column;padding-top:6px;position:relative;top:0;width:100%}.units-selection-container{padding-top:2px}.units{position:absolute;z-index:5}.units-list{border-bottom:.2px solid #cdd7eb;color:#8b94b3;font-family:Roboto;font-size:14px;font-weight:500;line-height:16px;margin:10px;text-align:left;-webkit-user-select:text;user-select:text}.units-names{border-radius:2px;display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:15px}.format{cursor:pointer;margin:8px 5px 8px 0}.container1{align-items:center;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;max-width:600px;padding:20px;width:100%}.radar-logo{left:20px;position:absolute;top:20px}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}h1{color:#333;font-size:2em}p{color:#666}.cta-button,p{font-size:1.2em}.cta-button{background-color:#3498db;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#2980b9}.parent-container{display:flex;flex-direction:row;justify-content:center}