{
  "version": 3,
  "sources": ["../../src/components/styles/reactionWidget.css", "../../src/components/styles/leaderboard.css", "../../src/61604/styles.css", "../../src/components/styles/connectfour.css", "../../src/components/styles/modal.css", "../../src/components/styles/booth.css", "../../src/components/styles/formBuilder.css"],
  "sourcesContent": [".emojiButton {\n    user-select: none;\n    cursor: pointer;\n    font-size: 2.5vw;\n  }\n\n  .reactionEmoji {\n    position: absolute;\n\n      font-size: 4vw\n  }", "/* 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.leaderboard-content {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n}\n\n.checklist-close {\n    width: 24px;\n    fill: #C4D100;\n    border: none;\n    text-align: center;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 12px;\n}\n\n.close {\n    width: 39px;\n    border-bottom-left-radius: 5px;\n    fill: white;\n    color: white;\n    align-self: flex-end;\n    background: red;\n    border: none;\n    text-align: center;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 17px;\n}\n\n.checklist-navbar {\n    margin-top: 10px;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: stretch;\n    align-items: stretch;\n    justify-content: space-between;\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    margin-block-start: 0;\n    align-self: center;\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    min-height: 40px;\n    height: fit-content;\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: 75%;\n}\n\n.checklist-points-wrapper {\n    width: 25%;\n    text-align: center;\n}\n\n.break {\n    flex-basis: 100%;\n    height: 0;\n}\n\n.expiration-text {\n    font-size: 12px;\n    padding: 0px;\n    margin: 0;\n}\n\n.l-disabled,\n.disabled {\n    color: #737373\n}\n\n.l-disabled {\n    text-decoration: line-through;\n}", ".participant { position: absolute; background: rgb(51 122 183 / 34%); border: 5px 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: 4.5vw; height: 4.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 { \n  left: 1%;\n  width: 24%;\n  top: 71%;\n  height: 25%;\n }\n.participant1 { left: 4.2%; top: 13.6%; }\n.participant2 { left: 26.8%; top: 7.8%; }\n.participant3 { left: 51.8%; top: 8%; }\n.participant4 { left: 75.6%; top: 14.8%; }\n.participant5 { left: 74%; top: 50%; }\n.participant6 { left: 50.5%; top: 57.8%; }\n.participant7 { left: 26%; top: 57%; }\n.participant8 { left: 3%; top: 50%; }\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: 26%; width: 24%; top: 71%; height: 25%; }\n#table3 { left: 51%; width: 24%; top: 71%; height: 25%; }\n#table4 { left: 75.6%; width: 24%; top: 71%; height: 25%; }\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\npre {\n  display: none !important;\n}\n\n.jitsi-screen {\n  height: 91.8%;\n  left: 15.45%;\n  position: absolute;\n  top: 0.8% !important;\n  transform: scale(0.75);\n  transform-origin: left top;\n  width: 92%;\n}", ".body {\n    display: flex;\n    margin-left: auto;\n    margin-right: auto;\n    justify-content: center;\n}\n\n.cell {\n    border: 1px solid #dedede;\n    border-radius: 100%;\n    background: #dedede;\n    padding: calc((2vh + 2vw) / 1.5);\n}\n\n.invisibleCell {\n    padding: calc((2vh + 2vw) / 1.5);;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n.circle {\n    border-radius: 100%;\n    padding: calc((2vh + 2vw) / 1.5);;\n    opacity: .6;\n}\n\n.fullOpacity {\n    opacity: 1;\n}", ".tk-modal {\n    display: none;\n    position: fixed;\n    z-index: 1;\n    left: 0;\n    top: 0;\n    width: 100vw;\n    height: 100vh;\n    overflow: hidden;\n    background-color: rgb(0,0,0);\n    background-color: rgba(0,0,0,0.4);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.tk-modal-content {\n    border-radius: 6px;\n    background-color: #fefefe;\n    margin: 10% auto;\n    border: 1px solid #888;\n    width: 60%;\n  }\n  \n.tk-modal-close {\ncolor: #aaa;\nfloat: right;\nfont-size: 28px;\nfont-weight: bold;\n}\n\n.tk-modal-close:hover,\n.tk-modal-close:focus {\ncolor: black;\ntext-decoration: none;\ncursor: pointer;\n}\n\n.tk-modal-header {\npadding: 2px 16px;\ncolor: rgb(122, 122, 122);\n}\n\n.tk-modal-body {\n    padding: 20px;\n}\n\n.tk-table {\n    border: 1px solid #acacac;\n    border-radius: 8px;\n    border-collapse: collapse;\n    overflow: hidden;\n    background-color: #ededed;\n    font-family: sans-serif;\n    color: #7a7a7a;\n    text-align: center;\n}\n\n.tk-table > .tk-head {\n    background-color: rgb(116, 79, 158);\n    font-size: small;\n    color: white;\n    font-weight: bold;\n}\n\n.tk-table > .tk-head > th {\n    padding: 8px 6px;\n}\n\n.tk-table .tk-empty {\n    text-align: center;\n    font-weight: bold;\n}\n\n.tk-table > tr {\n    border-bottom: 1px solid #c9c9c9;\n}\n\n.tk-table td {\n    border-right: 1px solid #c9c9c9;\n    padding: 3px;\n}\n\n.tk-table .tk-btn {\n    margin-top: 0px;\n}\n\n.tk-modal-content > hr {\n    margin-block-start: inherit;\n    margin-block-end: auto;\n    margin-top: 1em;\n    margin-left: 10px;\n    margin-right: 10px;\n}", ".byob .viewer {\n\tbackground-color: transparent;\n\tborder-radius: 0.3rem;\n\tflex-grow: 1;\n}\n\n.byob .viewer>div {\n\tpadding-top: 49.48%;\n\tposition: relative;\n}\n\n.byob .viewer.splitWall :is(.graphic1, .graphic2) {\n\tposition: absolute;\n\tbackground-position: center;\n\tbackground-size: cover;\n\toverflow: hidden;\n}\n\n.byob .viewer.splitWall .graphic1 {\n\ttop: 22.6%;\n\tleft: 26.2%;\n\twidth: 32.05%;\n\theight: 48.2%;\n}\n\n.byob .viewer.splitWall .graphic2 {\n\ttop: 21.1%;\n\tleft: 58.7%;\n\twidth: 17.6%;\n\theight: 51.6%;\n}\n\n.byob .viewer.splitWall :is(.graphic1, .graphic2) > img {\n\tmin-width: 100%;\n\tmin-height: 100%;\n}\n\nimg.fill {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n/* @font-face {\n\tfont-family: \"nunito\";\n\tsrc: url(\"/front/assets/fonts/nunito/NunitoSans-Regular.ttf\")\n}\n\n@font-face {\n\tfont-family: \"nunito\";\n\tfont-weight: bold;\n\tsrc: url(\"/front/assets/fonts/nunito/NunitoSans-Bold.ttf\")\n}\n\n@font-face {\n\tfont-family: \"nunito\";\n\tfont-weight: 800;\n\tsrc: url(\"/front/assets/fonts/nunito/NunitoSans-ExtraBold.ttf\")\n}\n\n@font-face {\n\tfont-family: \"cera\";\n\tsrc: url(\"/front/assets/fonts/cera-pro/Cera Pro Medium.ttf\")\n}\n\n@font-face {\n\tfont-family: \"cera\";\n\tfont-weight: bold;\n\tsrc: url(\"/front/assets/fonts/cera-pro/Cera Pro Bold.ttf\")\n} */\n\n.byob.readout .steps .step {\n\tcolor: white;\n\tborder-color: white;\n\tlist-style: none;\n\tfont-family: Nunito, sans-serif;\n\tfont-weight: bold;\n}\n\n.byob.readout .steps .step:not(.active) {\n\tbackground: #0085B2;\n}\n\n.byob.readout .steps .step.active {\n\tbackground: #C5D200;\n}\n\n.byob.readout .steps ul {\n\tdisplay: flex;\n\tmargin: 0 auto;\n}\n\n.byob.readout .steps .step:first-child {\n\tborder-width: 0.15rem;\n}\n\n.byob.readout .steps .step {\n\tborder-style: solid;\n}\n\n.byob.readout .steps .step:not(:first-child) {\n\tborder-width: 0.1rem 0.1rem 0rem 0;\n}\n\n.byob.readout .steps .step:first-child {\n\tborder-width: 0.1rem;\n\tborder-radius: 0.2rem 0 0;\n}\n\n.byob.readout .steps .step {\n\tpadding: 0.1rem 0.2rem;\n}\n\n.byob.readout .steps .step:last-child {\n\tborder-radius: 0 0.2rem 0 0;\n}\n\n.byob.readout .steps .step {\n\tpadding: 0.2rem 0.4rem;\n\ttext-transform: uppercase;\n\tcursor: pointer;\n}\n\n.byob.readout .steps .step:first-child {\n\tborder-width: 0.1rem 0.1rem 0;\n}\n\n.byob.readout .steps button {\n\tbackground: white;\n\twidth: 100%;\n\tfont-family: nunito;\n}\n\n.byob.readout .steps button:first-of-type {\n\tcolor: #0085B2;\n\tborder-color: #0085B2;\n}\n\n.byob.readout .steps button:nth-of-type(2) {\n\tcolor: var(--stone);\n\tborder-color: var(--stone);\n}\n\n.byob.readout :is(.instructions, .steps) {\n\tmargin: 0 1rem;\n}\n\n.byob.readout .steps button::after {\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tfont-size: 1.5rem;\n}\n\n.byob.readout .steps button.next::after {\n\tcontent: \"\\2B9E\";\n\tright: 15px;\n}\n\n.byob.readout .steps button.previous::after {\n\tcontent: \"\\2B9C\";\n\tleft: 15px;\n}\n\n.byob.controls {\n\twidth: 100%;\n}\n\n.control> :not(:first-child) {\n\tmargin-top: 0.75rem;\n}\n\n.byob.controls .control-wrapper {\n\tborder: 0.15rem solid white;\n\tborder-radius: 0.75rem;\n\toverflow: hidden;\n\tpadding-left: 3rem;\n\tposition: relative;\n\tbackground-image: linear-gradient(180deg, var(--stone), #263B47);\n\tflex-grow: 1;\n\tmargin-right: 2rem;\n\tflex-basis: 20%;\n}\n\n.byob.controls .control-wrapper .id {\n\twidth: 3rem;\n\tbackground: white;\n\theight: 100%;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tborder: 0;\n\tcolor: var(--cerulean);\n\tfont: normal normal normal 2.5em/1.5em \"nunito\";\n\n}\n\n.byob.controls .control-wrapper .control .heading {\n\tcolor: white;\n\tfont-family: nunito;\n\tfont-weight: bold;\n\tfont-size: 1.125rem;\n\tline-height: 2em;\n}\n\n.byob.controls .control-wrapper .control label {\n\tcursor: pointer;\n}\n\n.byob.controls .control {\n\tpadding: 0.75rem;\n\theight: 100%;\n}\n\n.byob.controls .control>*:not(:first-child) {\n\tmargin-block-start: 0.75rem;\n}\n\n.switch input {\n\tdisplay: none;\n}\n\n.byob.controls .control-wrapper:first-child {\n\tmargin-left: 2rem;\n}\n\n.slider-back {\n\tcursor: pointer;\n\ttransition: all .1s ease-out;\n\tposition: relative;\n\twidth: 4rem;\n\theight: 2rem;\n\tborder: 0.1rem solid white;\n\tmargin-inline-start: 0.75rem;\n\tbox-shadow: inset 0px 0px 6px #000000;\n\tborder-radius: 10rem;\n\toverflow: hidden;\n}\n\n.slider-back>.slider {\n\ttransition: all .1s ease-out;\n\tposition: absolute;\n\twidth: 5em;\n\theight: 100%;\n}\n\n.slider-back>.slider>.off {\n\tcolor: white;\n}\n\n.slider-back>.slider>.on {\n\tcolor: #4C758D;\n}\n\n.slider-back>.slider>.knob {\n\tcontent: \"\";\n\theight: 1.6rem;\n\ttransition: all .1s ease-out;\n\twidth: 1.6rem;\n\tdisplay: inline-block;\n\tborder-radius: 50%;\n}\n\ninput:not(:checked)+.slider-back {\n\tbackground: transparent linear-gradient(180deg, #4C758D 0%, #555555 100%) 0% 0% no-repeat padding-box;\n}\n\ninput:checked+.slider-back {\n\tbackground: transparent linear-gradient(0deg, #BCD531 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;\n}\n\ninput:not(:checked)+.slider-back>.slider {\n\tleft: -1.5rem;\n}\n\ninput:checked+.slider-back>.slider {\n\tleft: 0.4rem;\n}\n\ninput+.slider-back>.slider>.knob {\n\tborder: 0.1rem solid white;\n}\n\ninput:not(checked)+.slider-back>.slider>.knob {\n\tbackground: #C5D200 0% 0% no-repeat padding-box;\n}\n\ninput:checked+.slider-back>.slider>.knob {\n\tbackground: #4C758D 0% 0% no-repeat padding-box;\n}\n\ninput[type=color] {\n\tdisplay: none;\n}\n\n.videoThumb {\n\tmax-width: 100%;\n\tborder: 0;\n\tborder-radius: 0.5em;\n}\n\n.byob.controls .toggle {\n\twidth: 100%;\n}\n\n.byob.step4 button {\n\tbox-shadow: 3px 3px 6px #0000004D;\n\tborder: 2px solid white;\n\tborder-radius: 10px;\n\ttext-align: center;\n\tfont: normal normal normal 2em nunito;\n\tletter-spacing: 0px;\n\tcolor: white;\n}\n\n.byob.step4 button:not(:first-child) {\n\tmargin-left: 1em;\n}\n\n.byob.step4 button:is(.restart, .exit) {\n\tbackground: transparent linear-gradient(180deg, var(--stone) 0%, #263B47 100%) 0% 0% no-repeat padding-box;\n}\n\n.byob.step4 button.save {\n\tbackground: transparent linear-gradient(180deg, var(--lime) 0%, #263B47 100%) 0% 0% no-repeat padding-box;\n}\n\n.byob .entrybox {\n\tpadding: 0.5em;\n\tbackground: white;\n\tbox-shadow: inset 0px 3px 6px #00000052;\n\tcursor: pointer;\n\tmin-height: 3rem;\n\tfont-family: \"nunito\", sans-serif;\n\tfont-size: 1.125rem;\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: end;\n\talign-items: center;\n\tcolor: #4c758dc4;\n}\n\n.entrybox .filename {\n\tmargin: 0 auto;\n\tfont: normal normal normal 20px/27px Nunito;\n}\n\n.entrybox::placeholder {\n\topacity: 1;\n}\n\n.byob .control p {\n\tcolor: white;\n\tfont: normal normal normal 18px/22px \"Cera Pro\";\n\n}\n\n.byob.controls .control-wrapper .control label.picker {\n\tmargin-left: 0.75rem;\n}\n\n.eyedropper {\n\tvertical-align: middle;\n\twidth: 2em;\n}\n\n.eyedropper:hover {\n\tfill: white;\n}\n\n.visualSelector+.selector {\n\tposition: fixed;\n\tleft: 1rem;\n\tright: 1rem;\n\theight: auto;\n\tbackground: white;\n\tborder: 0.2rem solid #4C758D;\n\tdisplay: flex;\n\toverflow-x: scroll;\n\tpadding: 1rem;\n\tbottom: 1rem;\n\ttransition: 0.2s ease-out all;\n\tborder-radius: 0.5rem;\n}\n\n.visualSelector > span {\n\ttext-align: center;\n\tflex-grow: 1;\n}\n\n.visualSelector+.selector.hidden {\n\ttransform: translateY(calc(100% + 2rem));\n}\n\n.visualSelector::after {\n\tcontent: \"\u23F6\";\n\tposition: absolute;\n\tright: 1rem;\n}\n\n.visualSelector+.selector>img {\n\theight: clamp(25px, 8rem, 25vh);\n}\n\n.visualSelector+.selector>img:not(:last-child) {\n\tmargin-right: 1rem;\n}\n\nlabel.subfield {\n\tfont: normal normal bold 24px/32px Nunito;\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-items: flex-start;\n\talign-items: center;\n\tcolor: white;\n}\n\ninput[type=checkbox] {\n\twidth: 2em;\n\theight: 2em;\n\tmargin-right: 1em;\n}\n\n.stepHelpTrigger {\n\tmargin-left: 0.8em;\n\twidth: 1.7em;\n}\n\n.stepHelpTrigger:not(:hover) .stepHelp {\n\tdisplay: none;\n}\n\n.stepHelpTrigger:hover .stepHelp {\n\tdisplay: block;\n}\n\n.stepHelp {\n\tposition: absolute;\n\tmargin: 10px;\n\tbackground-color: #3B3B3B;\n\tcolor: white;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n}\n\n.stepHelp > :is(img, p) {\n\twidth: 78%;\n}\n\n.stepHelp > img {\n\tposition: absolute;\n\tbottom: 0;\n}\n\n.helpMarker {\n\tborder: 3px dashed red;\n\tposition: absolute;\n}\n\n.helpTopText, .helpBottomText {\n\tposition: absolute;\n\ttext-align: center;\n\tfont: normal normal normal 22px/25px Nunito;\n}\n\n.helpTopText {\n\ttop: 0;\n\theight: 93px;\n}\n\n.helpBottomText {\n\tbottom: 2%;\n\theight: 50px;\n\tmax-width: 70%;\n}\n\n.downloadThumbnail {\n\tposition: absolute;\n\tleft: 76.8%;\n\ttop: 50%;\n\theight: 10.7%;\n\twidth: 4.4%;\n\tbackground-position: center;\n\tbackground-size: cover;\n\toverflow: hidden;\n}\n\n.counter {\n\tposition: absolute;\n\twidth: 15.4%;\n\theight: 20%;\n\tborder-radius: 8px;\n\ttop: 58.9%;\n\tleft: 17.1%;\n\tpadding: 2px;\n\tdisplay: flex;\n}\n\n.counterItem {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 2px;\n\tmax-height: 100%;\n\twidth: 100%;\n}\n\n.counterItem > p {\n\tfont-size: 10px;\n\ttext-align: center;\n\ttext-transform: uppercase;\n\tmargin-top: 5px;\n}\n\n.downloadIcon {\n\tposition: absolute;\n    width: 10%;\n    height: 13%;\n    top: 61%;\n    left: 74%;\n}\n\n.videoThumbHandler { \n\tposition: absolute;\n\twidth: 13.1%;\n\tleft: 60.9%;\n\ttop: 38.6%;\n\taspect-ratio: 16/9;\n}\n\n.videoThumbIcon {\n\tposition: absolute;\n\tleft: 39%;\n\ttop: 22%;\n\twidth: 26%;\n\tcolor: white;\n}", ".form-container {\n\twidth: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    align-self: center;\n    position: relative;\n}\n\n.form {\n\twidth: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.wrapper {\n\twidth: 90%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    position: relative;\n    margin: auto;\n}\n\n.form-label {\n\tmargin: 0 3% 0 0;\n}\n\n.form-input {\n\twidth: 100%;\n}"],
  "mappings": ";AAAA;AACI;AACA;AACA;AAAA;AAGF;AACE;AAEE;AAAA;;;ACuMN;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;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;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;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AAAA;AAEI;AAAA;AAGJ;AACI;AAAA;;;ACreJ;AAAe;AAAoB;AAAmC;AAAyB;AAA8C;AAAwB;AAAkB;AAAoB;AAAc;AAAsB;AAAc;AAAoD;AAAkB;AAAA;AAGnU;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;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAgB;AAAY;AAAA;AAC5B;AAAgB;AAAa;AAAA;AAC7B;AAAgB;AAAa;AAAA;AAC7B;AAAgB;AAAa;AAAA;AAC7B;AAAgB;AAAW;AAAA;AAC3B;AAAgB;AAAa;AAAA;AAC7B;AAAgB;AAAW;AAAA;AAC3B;AAAgB;AAAU;AAAA;AAG1B;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;AAAU;AAAa;AAAY;AAAU;AAAA;AAC7C;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;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClOF;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;;;AC/BJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAGA;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;;;AC1FJ;AACC;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AAAA;AA+BD;AACC;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAID;AACC;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAID;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AAAA;AACC;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACG;AACA;AACA;AACA;AAAA;AAGJ;AACC;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AAAA;;;AC9hBD;AACC;AACG;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACC;AACG;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACC;AACG;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACC;AAAA;AAGD;AACC;AAAA;",
  "names": []
}