{ "version": 3, "sources": ["styles.css"], "sourcesContent": [".participant { position: absolute; background: #337ab7; border: 2px solid white; border-radius: 50%; /* border-radius: 2vw; */ vertical-align: middle; font-size: 1.5vw; text-align: center; color: white; transition: 0.2s all; width: 5vw; height: 5vw; /* width: 6vw; */ /* height: 6vw; */ overflow: hidden; display: flex; }\n/* .participant:hover {width: 38vw; height: 10vw; z-index: 9999999} */\n/* .participant:hover img {max-width: 100%; max-height: 100%;} */\n.participant img { width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 20; }\n.participant .details { width: 100%; min-width: 20vw; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n\n/* infocard styling start */\n.modal_underlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); }\n.infocard { \n display: flex;\n flex-direction: column;\n align-items: center; \n justify-content: space-evenly; \n height: 40%; \n width: 35%; \n background: #f7f7f7;\n color: #666666;\n position: fixed; \n left: 50%; \n top: 30%; \n transform: translate(-50%, -50%); \n border-radius: 1%; \n z-index: 30; \n box-sizing: border-box; \n -webkit-box-shadow: 12px 12px 4px -3px rgba(0,0,0,0.63); \n box-shadow: 12px 12px 4px -3px rgba(0,0,0,0.63);\n}\n.infocard_close-icon {\n display: flex;\n width: 80%;\n justify-content: flex-end;\n margin: 0;\n font-size: 3rem;\n}\n.infocard img { \n width: 8vw; \n height: 8vw; \n border: 2px solid #666666; \n border-radius: 50%; \n}\n\n.info-container {\n display: flex;\n width: 100%;\n justify-content: space-evenly;\n}\n.info-text-container {\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n border-left: 3px solid #666666;\n width: 50%;\n padding-left: 10px;\n}\n.info_company { margin: 0; }\n.info_name { margin: 0; }\n.infocard_buttons {\n display: flex;\n justify-content: center; \n width: 100%;\n margin-top: 20px;\n}\n\nbutton.infocard_close, \nbutton.infocard_message { \n background: #337ab7;\n color: #f7f7f7; \n padding: 10px; \n border: none;\n border-radius: 25px; \n width: 60%; \n -webkit-box-shadow: 8px 8px 4px -3px rgba(0,0,0,0.63); \n box-shadow: 8px 8px 4px -3px rgba(0,0,0,0.63);\n}\nbutton.infocard_message:hover {\n background: #f7f7f7;\n color: #337ab7; \n padding: 10px; \n border: 1px solid #666666;\n border-radius: 25px; \n width: 60%; \n}\n\n@media (max-width: 768px) {\n .infocard { height: 20%; width: 20%; }\n}\n\n/* infocard styling end */\n\n#call { border: none; transform-origin: top left; transition: all 0.2s; position: absolute; left: 27%; top: 2%; width: 46%; height: 51.5%;}\n#call.hidden { opacity: 0; }\n#lobby { left: 1%; width: 7%; top: 2%; height: 6%; }\n#table1 { left: 0%; width: 31%; top: 59%; height: 40%; }\n.participant1 { left: 8%; top: 21%; }\n.participant2 { left: 29%; top: 8%; }\n.participant3 { left: 52%; top: 8%; }\n.participant4 { left: 72%; top: 21%; }\n.participant5 { left: 53%; top: 52%; }\n\n/* others styling start */\n.others { \n left: 24%; \n top: 34%; \n display: flex; \n justify-content: center; \n align-items: center; \n background: #f7f7f7;\n border: 1px solid #666666;\n}\n.others_text { \n font-size: 1.5rem;\n color: #666666;\n}\n .otherscard { \n padding: 10px 0; \n display: flex; \n flex-direction: column; \n align-items: center; \n justify-content: space-evenly; \n max-height: 100%; \n width: 20%; \n background: #f7f7f7;\n color: #666666;\n position: fixed; \n left: 50%; \n top: 30%; \n transform: translate(-50%, -50%); \n border-radius: 1%; \n z-index: 30; \n box-sizing: border-box; \n -webkit-box-shadow: 12px 12px 4px -3px rgba(0,0,0,0.63); \n box-shadow: 12px 12px 4px -3px rgba(0,0,0,0.63);\n border: 1px solid #666666;\n}\n\nbutton.otherscard_close, \nbutton.modal_message { \n background: white; \n color: black; \n border: 1px solid black; \n padding: 4px; \n border-radius: 4px; \n width: 50%; \n}\n\n/* others styling end */\n\n\n#table2 { left: 34%; width: 32%; top: 59%; height: 40%; }\n#table3 { right: 0%; width: 31%; top: 59%; height: 40%; }\n.hotspot { position: absolute; display: block; cursor: pointer; border: 0; }\n\n/* search bar styling start */\n\n.userSearch {\n display: flex; \n flex-direction: column; \n left: 1%; \n top: 1%; \n background: #f7f7f7; \n border-radius: 1rem; \n position: absolute; \n padding: 1vw; \n font-size: 1.3vw; \n z-index: 2;\n}\n.search-container {\n display: flex;\n border-bottom: 1px solid #666666;\n padding-bottom: 10px;\n}\n.search_label {\n font-size: 1.5rem;\n margin: 5px;\n}\n.search_input {\n font-size: 1.5rem;\n border: 1px solid #666666;\n border-radius: 20px;\n padding: 5px 0px 5px 10px;\n outline: none;\n}\n.search_input:hover,\n.search_input:focus {\n -webkit-box-shadow: 5px 5px 7px -1px rgba(0,0,0,0.6); \n box-shadow: 5px 5px 7px -1px rgba(0,0,0,0.6);\n}\n\n.searchResults {\n background: #fff;\n border: 1px solid #666666;\n margin-top: 10px;\n}\n\n.results {\n font-size: 1.5rem;\n padding: 5px 0;\n} \n"], "mappings": ";AAAA;AAAe;AAAoB;AAAqB;AAAyB;AAA8C;AAAwB;AAAkB;AAAoB;AAAc;AAAsB;AAAY;AAAkD;AAAkB;AAAA;AAGjT;AAAmB;AAAa;AAAc;AAAmB;AAAyB;AAAA;AAC1F;AAAwB;AAAa;AAAiB;AAAkB;AAAe;AAAwB;AAAqB;AAAA;AAGpI;AAAkB;AAAiB;AAAQ;AAAS;AAAc;AAAa;AAAA;AAC/E;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAA;AAEJ;AACM;AACA;AACF;AACE;AACA;AAAA;AAEN;AACE;AACA;AACA;AACA;AAAA;AAGF;AACI;AACE;AACA;AAAA;AAEN;AACI;AACA;AACE;AACA;AACA;AACA;AAAA;AAEN;AAAgB;AAAA;AAChB;AAAa;AAAA;AACb;AACI;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAEM;AACD;AACC;AACA;AACA;AACA;AACJ;AACE;AAAA;AAEJ;AACI;AACC;AACC;AACA;AACA;AACA;AAAA;AAGN;AACI;AAAY;AAAa;AAAA;AAAA;AAK7B;AAAQ;AAAc;AAA4B;AAAsB;AAAoB;AAAW;AAAS;AAAY;AAAA;AAC5H;AAAe;AAAA;AACf;AAAS;AAAU;AAAW;AAAS;AAAA;AACvC;AAAU;AAAU;AAAY;AAAU;AAAA;AAC1C;AAAgB;AAAU;AAAA;AAC1B;AAAgB;AAAW;AAAA;AAC3B;AAAgB;AAAW;AAAA;AAC3B;AAAgB;AAAW;AAAA;AAC3B;AAAgB;AAAW;AAAA;AAG3B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACI;AACE;AAAA;AAEL;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACF;AAAA;AAGF;AAAA;AAEE;AACA;AACA;AACA;AACA;AACA;AAAA;AAMF;AAAU;AAAW;AAAY;AAAU;AAAA;AAC3C;AAAU;AAAW;AAAY;AAAU;AAAA;AAC3C;AAAW;AAAoB;AAAgB;AAAiB;AAAA;AAIhE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACI;AACE;AACA;AAAA;AAEN;AACI;AACE;AAAA;AAEN;AACI;AACE;AACA;AACA;AACA;AAAA;AAEN;AAAA;AAEI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACE;AAAA;", "names": [] }