{
  "version": 3,
  "sources": ["../../src/components/styles/leaderboard.css", "../../src/43458/styles.css"],
  "sourcesContent": ["/* LEADERBOARD FIRST ITERATION BY GUI */\n/*\n.tk-empty {\n    background-color: #fefefe;\n    box-shadow: inset 0 0 3px #c3c3c3;\n    padding: 10px 0;\n    text-align: center;\n    width: 100%;\n    display: block;\n}\n\n.tk-empty.dark {\n    background-color:#626262;\n    color: #b9b9b9;\n}\n\n.spotlight {\n    font-weight: bold\n}\n\n.mode {\n    background-color: #ededed;\n    border-radius: 4px;\n    border: 1px solid #626262;\n    font-family: Verdana;\n    font-size: 0.8em;\n    color: #787878;\n    position: relative;\n    height: 100%;\n}\n\n.mode.dark {\n    background-color: #3c3c3c;\n    color: #fff;\n}\n\n.tk-leaderboard-row {\n    background-color: #fefefe;\n    box-shadow: inset 0 0 3px #c3c3c3;\n    display: grid;\n    padding: 10px;\n    grid-template-columns: 10px 20px auto;\n}\n\n.tk-leaderboard-row.image {\n    grid-template-columns: 10px 20px 30px 10px auto;\n}\n\n.tk-leaderboard-row.dark {\n    background-color: #626262;\n}\n\n.info {\n    grid-column: 3;\n}\n\n.info.image {\n    grid-column: 5\n}\n\n.span {\n    display: block\n}\n\n.position {\n    margin: auto;\n    font-weight: bold;\n    grid-column: 1;\n}\n\n.separator {\n    margin-top: 1px solid #626262;\n    padding: 6px 0px 0px 6px;\n}\n\n.noselect {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none; \n    -ms-user-select: none; \n    user-select: none;\n}\n\n\n.tk-leaderboard-row.user {\n    background-color: #fefefe;\n    position: relative;\n}\n\n.tk-leaderboard-row.user:hover {\n    cursor: pointer;\n}\n\n.achievements::before {\n    background-color: #fff;\n    content: \"\";\n}\n\n.achievements {\n    width: 250px;\n    padding: 25px 10px 10px 10px;\n    position: absolute;\n    margin-left: 100%;\n    background: #ffffff;\n    border: 1px solid #3c3c3c;\n    border-radius: 4px 4px 4px 4px;\n}\n\n.achievements.right {\n    margin-left: 100%;\n}\n\n.achievements.left {\n    margin-left: calc(-100% + 2px);\n}\n\n.achievement-close {\n    text-align: right;\n    color: #787878;\n    font-family: sans-serif;\n    line-height: 0;\n    position: absolute;\n    width: 100%;\n    top: -2px;\n    left: 0;\n    height: 10px;\n    font-weight: bold;\n    border-bottom: 1px solid #d7d7d7;\n    display: block;\n    margin: revert;\n}\n\n.achievement-close > span {\n    cursor: pointer;\n    transition-duration: 0.3s;\n    display: block;\n    width: 43px;\n    height: 19px;\n    text-align: center;\n    margin-left: auto;\n    cursor: pointer;\n    transition-duration: 0.3s;\n    display: block;\n    margin-top: -9px;\n    padding-top: 9px;\n}\n\n.achievement-close > span:hover {\n    font-size: large;\n    background: #e9e9e9;\n    border-radius: 2px;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.hide {\n    display: none;\n}\n\n.ach-box {\n    display: grid;\n    grid-template-columns: 5px auto 5px;\n    grid-template-rows: 10px auto 10px;\n}\n\n\n.ach-box-row {\n    grid-column: 2;\n    grid-row: 2;\n    grid-template-columns: 30px 16px auto 14px 50px;\n    grid-template-rows: 10px auto;\n    display: grid;\n}\n\n.ach-check {\n    grid-column: 1;\n    grid-row: 2;\n    margin: 9px;\n}\n\n.ach-info {\n    grid-column: 3;\n    grid-row: 2;\n    display: flex;\n    align-items: center;\n}\n\n.ach-title {\n    display: block;\n    width:100%;\n}\n\n.ach-desc {\n    display: block;\n    font-weight: lighter;\n    width:100%;\n}\n\n.ach-points {\n    font-weight: bold;\n    text-align: center;\n    grid-column: 5;\n    grid-row: 2;\n}\n*/\n/* NEW STYLING FOR LEADERBOARD */\n\n.leaderboard-wrapper {\n    position: absolute;\n    width: 300px;\n    top: 0;\n    left: 5%;\n    display: flex;\n    flex-direction: column;\n    background: #0585B2;\n    font-family: sans-serif, serif;\n    font-weight: bold;\n    border-radius: 6px;\n    border: solid;\n    overflow-y: auto;\n}\n\n.hide-leaderboard {\n    display: none;\n}\n\n.close {\n    width: 24px;\n    align-self: end;\n    background: #C4D100;\n    border: none;\n    text-align: center;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 12px;\n}\n\n.podium {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 6px;\n}\n\n.crown-wrapper {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n.registrants {\n    width: 100%;\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n}\n\n.podium-image-wrapper {\n    display: flex;\n    justify-content: center;\n}\n.podium-first {\n    width: 30%;\n    margin-right: 12px;\n}\n\n.podium-second {\n    width: 25%;\n}\n\n.podium-third {\n    width: 20%;\n    margin-right: 2px;\n}\n\n.podium-image {\n    width: 100%;\n    border-radius: 8px;\n}\n\n.podium-initials {\n    padding: 25px;\n    background: white;\n    border-radius: 100%;\n    border: solid;\n}\n\n.standings {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n}\n\n.top-3-box {\n    background: grey;\n    width: 33.4%;\n    text-align: center;\n}\n\n.podium-1 {\n    background-color: lightgray;\n}\n\n.user-score-title {\n    font-size: 16px;\n    font-weight: bold;\n    text-align: center;\n    color: white;\n    margin-bottom: 0;\n}\n\n.headshot-img {\n    width: 100%;\n}\n\n.headshot {\n    width: 15%;\n    height: 80%;\n}\n\n.no-headshot {\n    width: 2%;\n}\n\n.top-player-card {\n    display: flex;\n    width: 96%;\n    align-items: center;\n    height: 40px;\n    background: white;\n    margin: 4px auto;\n    border-radius: 8px;\n}\n\n.player-card-column-1 {\n    display: flex;\n    width: 75%;\n    justify-content: start;\n    text-align: center;\n    height: 100%;\n    align-items: center;\n}\n\n.rank {\n    width: 10%;\n}\n\n.player-card-image {\n    height: 100%;\n    width: auto;\n    border-radius: 4px;\n}\n\n.score {\n    width: 24%;\n    text-align: center;\n}\n\n.user-name {\n    width: 75%;\n    text-align: start;\n    margin-left: 5px;\n}\n\n.user:hover {\n    cursor: pointer;\n}\n\n.bottom-buttons-wrapper {\n    display: flex;\n    justify-content: space-around;\n    font-size: 12px;\n    line-height: 1.2;\n}\n\n.bottom-buttons {\n    background: #C4D100;\n    border: none;\n    border-radius: 4px;\n    height: 35px;\n    margin: 7px;\n    width: 29%;\n    font-weight: bold;\n    cursor: pointer;\n}\n\n.checklist-wrapper {\n    position: absolute;\n    width: 250px;\n    top: 0;\n    left: 101%;\n    display: flex;\n    flex-direction: column;\n    background: #0585B2;\n    font-family: sans-serif, serif;\n    font-weight: bold;\n    border-radius: 6px;\n    padding-bottom: 2px;\n    min-height: 100%;\n}\n\n.checklist-wrapper.cover {\n    width: 100%;\n    margin-left: -101%;\n}\n\n.checklist-card {\n    display: flex;\n    width: 96%;\n    align-items: center;\n    height: 40px;\n    background: white;\n    margin: 4px auto;\n    border-radius: 8px;\n    justify-content: space-evenly;\n    font-size: 14px;\n    font-weight: bold;\n}\n\n.checklist-checkbox {\n    width: 8%;\n    margin: 0 !important;\n}\n\n.checklist-title {\n    width: 65%;\n}\n\n.checklist-points-wrapper {\n    width: 25%;\n    text-align: center;\n}", ".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.leaderboard-position { \n  position: absolute;\n  top: 13%;\n  left: 3%;\n  width: 14%;\n  height: 48%;\n}\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\n.tk-floating-header {\n  position: absolute;\n  margin-top: 15px;\n  width: 300px;\n  z-index: 2;\n  margin-left: -100px;\n  text-align: left;\n}\n\n.hide {\n  display: none;\n}"],
  "mappings": ";AAgNA;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAEJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;;;AChbJ;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;AAChE;AACE;AACA;AACA;AACA;AACA;AAAA;AAKF;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;AAGN;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;",
  "names": []
}