#main-container{display:flex;flex-direction:column;font-family:Quicksand,sans-serif;position:relative;touch-action:none}#background{z-index:1}.messageSection{height:9%;display:flex;justify-content:center;align-items:center;font-size:45px;font-weight:700;padding:0 10%;z-index:3;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;min-height:30px}.messageSection .message{white-space:nowrap}.lunchOptionSection{display:flex;justify-items:center;padding:0 10px;overflow:hidden;transform-origin:left;height:33%;z-index:3;margin:0 auto;min-height:120px}.lunchOptionSection.hidden{visibility:hidden}.lunchOptionSection .lunchOption{min-width:400px;margin-left:5px;margin-right:5px;display:flex;flex-direction:column;align-items:center;height:100%}.lunchOption:first-child:nth-last-child(4),.lunchOption:first-child:nth-last-child(4)~.lunchOption{min-width:250px}.lunchOption:first-child:nth-last-child(5),.lunchOption:first-child:nth-last-child(5)~.lunchOption{min-width:225px}.lunchOption:first-child:nth-last-child(6),.lunchOption:first-child:nth-last-child(6)~.lunchOption{min-width:200px}.lunchOptionSection .lunchOption .body{display:flex;flex-direction:column;border:8px solid;width:100%;height:90%;background-color:#fff;position:relative}.lunchOptionSection .lunchOption .heading,.lunchOptionSection .lunchOption .headingSpacer{height:45%}.lunchOptionSection .lunchOption .heading{border-bottom:8px solid;display:flex;justify-content:center;flex-direction:column;position:absolute;width:100%;font-size:26px;padding:3px}.lunchOptionSection .lunchOption .heading .image{display:flex;justify-content:center;min-height:70%;padding:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lunchOptionSection .lunchOption .heading .image:not(.svg){object-fit:contain}.lunchOptionSection .lunchOption .lunchArt{max-width:100%}.lunchOptionSection .lunchOption .heading .text{display:flex;justify-content:center;align-items:center;line-height:100%;min-height:30%;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lunchOptionSection .lunchOption .studentCounter{width:55px;background-color:#fff;margin-top:-8px;border-bottom-left-radius:200px;border-bottom-right-radius:200px;border:8px solid;border-top:0 solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;justify-content:center;align-items:end;font-size:calc(1.11vh + 5px);height:calc(10% + 3px);padding-top:1px;margin-bottom:0;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative}.lunchOptionSection .lunchOption .studentCounter .text{width:100%;height:3px;padding:1px;background:#fff;color:#000;text-align:center;position:absolute;top:-2px}.lunchOptionSection .lunchOption .droppedStudents{display:grid;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-template-columns:auto;justify-content:center;height:55%;grid-column-gap:8px;padding:1px 3px;-webkit-tap-highlight-color:transparent}.lunchOptionSection .lunchOption .droppedStudents .name{white-space:nowrap;font-size:2.1vh;cursor:pointer;touch-action:none;-ms-touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.messageSection+.lunchOptionSection+.studentSection{height:58%}.messageSection+.studentSection{height:91%}.lunchOptionSection+.studentSection{height:77%}.messageSection+.offsetSection.top{min-height:0}.offsetSection.top{margin:auto;min-height:9%}#main-container.bottom-half .offsetSection.top{margin:auto}.studentSection{height:100%;padding:10px 7%;display:flex;flex-wrap:wrap;display:grid;grid-template-columns:repeat(5,1fr);column-gap:15px;row-gap:10px;z-index:3;min-height:150px}.studentSection .student{touch-action:none;-ms-touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;z-index:20;cursor:pointer!important;justify-content:flex-end;position:relative;-webkit-tap-highlight-color:transparent}.studentSection .student.dragging{z-index:21}#main-container object{display:flex}#main-container object~.svg-placeholder{display:none}.studentSection .spacer{min-width:0;min-height:0}.studentSection .student .name{text-align:center;font-size:22px;font-weight:700;position:relative;display:flex;flex-direction:column;justify-content:center;height:30%;max-height:50px;padding:0 2px;width:100%}.studentSection .student.hideName .name{visibility:hidden}.studentSection .student .name .text{white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.studentSection .student.hidden{opacity:0;transform:scale(0)!important}.studentSection .studentArtContainer{display:none;max-height:70%;pointer-events:none}.studentSection .studentArt{width:100%;max-height:100%;overflow:hidden;pointer-events:none}.studentSection .student.right-side .studentArt{transform:scale(-1,1)}.selectedStudent{border:2px solid #fff}.undoSection{position:absolute;bottom:10px;width:8%;height:8%;max-height:75px;max-width:75px;z-index:50;display:flex;justify-content:center;align-items:center;cursor:pointer}.undoSection .undoButton{touch-action:none;-ms-touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:80%;height:80%}.undoSection .undoButton .undoArt{height:100%;width:100%;pointer-events:none}.inModal~.messageSection,.inModal~.undoSection,.lunchOptionSection~.undoSection{display:none}.lunchOptionDropZone{position:absolute;width:100%;height:42%}.targetSection{position:fixed;width:13%;height:30%;min-width:80px;z-index:2}.targetSection.right{right:0}.targetSection.bottom{bottom:0}.targetSection.top{top:0}.targetSection .target{display:flex;height:100%;width:100%}.targetSection.top .target{align-items:flex-start}.targetSection.bottom .target{align-items:flex-end}.targetSection .target .targetArt{width:100%}.targetSection~.studentSection{padding-right:10%}.inModal~.studentSection,.lunchOptionSection+.studentSection{padding:10px}.changeCharacterSection{position:absolute;top:0;display:grid;grid-column-gap:10px;grid-row-gap:10px;padding:10px;height:90%;width:90%;background-color:#fff;z-index:30;margin:4% 5%;border:#c1c1c1 solid 1px;box-shadow:9px 9px 15px 3px #616161}.changeCharacterSection.hidden{opacity:0;transform:scale(0)}.changeCharacterSection .character{display:flex;justify-content:center;align-items:center;touch-action:none;-ms-touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;min-width:0;min-height:0}.changeCharacterSection .character.selected{border:solid 2px #2e8dff}.changeCharacterSection .characterArt{width:100%;height:100%;pointer-events:none}@media screen and (max-width:600px){.lunchOptionSection .lunchOption{min-width:250px}}@media screen and (max-height:600px){.lunchOptionSection .lunchOption .droppedStudents .name{font-size:1.9vh}.lunchOptionSection .lunchOption .heading{flex-direction:row;justify-content:center;align-items:center;border-bottom-width:4px}.lunchOptionSection .lunchOption .heading .image{max-width:25%;max-height:100%}.messageSection{font-size:25px}.lunchOptionSection .lunchOption .body{border-width:4px}.lunchOptionSection .lunchOption .body{border-width:4px}.lunchOptionSection .lunchOption .studentCounter{margin-top:-4px;border-width:4px;border-top:0 solid #fff;font-size:calc(1.11vh + 4px);align-items:flex-start}}.port-image{width:100%}.gallery-image{padding-top:5px;color:#707070}.gallery-image:hover{box-shadow:0 4px 10px 7px #dadada;cursor:pointer;color:#000}.gallery-text{height:19px;display:flex;align-items:center;justify-content:center}.img-size{width:100%;height:calc(100% - 24px);object-fit:contain}#images img.loading{opacity:0}#images img:not(.loading){-webkit-transition:opacity .2s linear .2s;-moz-transition:opacity .2s linear .2s;transition:opacity .2s linear .2s;opacity:1}#images.hidden{opacity:0}body.gallery-overlay-visible{overflow:hidden}#image-gallery{transition-property:top;transition-duration:.3s;top:100%;transform:scale(0);position:fixed;width:100vw;height:100vh;left:0;background-color:#fff;z-index:999}#image-gallery.visible{transition-property:top;transition-duration:.3s;top:0;transform:scale(1)}#images-container{margin-top:0;padding:15px 10px 0 10px;height:calc(100vh - 170px);overflow-y:auto;user-select:none}#search-container{display:flex;justify-content:center;margin-bottom:12px}#search-container .input{width:60%;max-width:600px}#filters{margin:1rem auto 1rem auto;max-width:90%}#gallery-header{background-color:#86bbda;padding-top:24px;height:130px;box-shadow:0 3px 5px 1px #d0d0d0}#gallery-header ::placeholder{color:#c2c2c2}#gallery-header :focus::placeholder{color:#a2a2a2}.close.button{position:absolute;right:25px}.gallery.modal:not(.beta) .beta{display:none}.gallery.modal.add>.header.add,.gallery.modal.edit>.header.edit{display:block}.gallery.modal.add>.header.edit,.gallery.modal.edit>.header.add{display:none}.gallery.modal .preview-container{overflow:auto;width:100%;height:215px;border:1px solid #aaa;border-radius:4px;position:relative}.gallery.modal .preview{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);user-select:none}.gallery.modal .dimensions{margin-top:1rem}.gallery.modal .computer{display:initial}.gallery.modal .mobile{display:none}.gallery.modal .dimensions .field{display:inline-block;max-width:100px;margin-right:25px}#gallery-menu{width:100%;height:40px;display:flex;flex-direction:row;justify-content:space-between;position:relative;align-items:center;background-color:#fff}#gallery-menu .side{display:flex;flex-direction:row}#gallery-menu .item{margin-left:10px;margin-right:10px;display:flex;align-items:center;color:#676767}#gallery-menu .item.heading{font-weight:700;font-size:13px;color:#404040}#gallery-menu .item.heading img{margin-right:5px;height:20px;width:23px}#gallery-menu .item span.spacer{padding-left:6px;padding-right:6px}#gallery-menu .item.link:hover{color:#000;font-weight:700;cursor:pointer}#pcs-filter-icon{color:#fff}#filters{max-width:575px;width:60%}#gallery-menu #add-image.item{display:none}@media only screen and (max-width:767px){#filters{width:calc(100% - 2rem);max-width:initial}#search-container .input{width:calc(100% - 2rem);max-width:initial}.gallery.modal .computer{display:none}.gallery.modal .mobile{display:initial}#image-gallery .heading{display:none}}#images{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (3 - 1)))/ 3);grid-column-gap:10px;grid-row-gap:10px;width:100%}@media (min-width:768px){#images{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (4 - 1)))/ 4)}}@media (min-width:1024px){#images{grid-template-columns:repeat(5,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (5 - 1)))/ 5)}}@media (min-width:1440px){#images{grid-template-columns:repeat(6,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (6 - 1)))/ 6)}}@media (min-width:2000px){#images{grid-template-columns:repeat(7,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (7 - 1)))/ 7)}}@media (min-width:2560px){#images{grid-template-columns:repeat(8,1fr);grid-auto-rows:calc(((100vw - 20px) - (10px * (8 - 1)))/ 8)}}.pcs-game-filters-container{display:flex;width:100%;align-items:flex-end}.pcs-game-filters-container .blank{width:15%}.pcs-game-filters-container .filters{display:flex;width:70%;padding:0 25px 0 25px;justify-content:center;align-items:center;max-width:700px}.pcs-game-filters-container:not(.has-sort){margin-top:5px;justify-content:center}.pcs-game-filters-container:not(.has-sort) .filters{padding:0;width:100%}.pcs-game-filters-container .filters .filter-container{width:100%;min-width:100px;max-width:200px;padding:0 5px 0 5px}#pcs-clear-filters{padding-left:7px}.pcs-game-filters-container .filters .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:71%}.pcs-game-filters-container .sorts{width:15%;display:flex;justify-content:flex-end}.pcs-game-filters-container .sorts .sort-container{width:100px;margin-right:2px}.pcs-game-filters-container .sorts .sort-container label{font-size:12px;display:block}.pcs-game-filters-container .pcs-dropdown{border-style:solid;border-width:1px;border-color:#f1f1f1!important;padding:7px 5px 3px 5px;margin-top:auto;margin-bottom:auto;background-color:#fff;border-radius:4px}.pcs-game-filters-container .pcs-dropdown,.pcs-game-filters-container .pcs-dropdown .item{font-size:.75rem!important}.pcs-game-filters-container .pcs-dropdown:focus{border-color:#96c8da!important}.pcs-game-filters-container .pcs-dropdown .item{box-shadow:0 -1px 1px -1px #e1e1e1 inset!important}.pcs-game-filters-container .pcs-dropdown .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:71%}.pcs-game-filters-container .pcs-dropdown .ui.menu.scrolling{position:absolute!important}.pcs-game-filters-container .pcs-dropdown .ui.menu.scrolling.transition.visible{margin:1px 0!important;outline:1px solid #96c8da;box-shadow:#ccc 2px 2px 12px 0!important}.pcs-game-filters-container .ui.dropdown:not(.button)>.default.text{color:#c2c2c2}@media only screen and (max-width:767px){.pcs-game-filters-container .blank,.pcs-game-filters-container .sorts{display:none}.pcs-game-filters-container .filters,.pcs-game-filters-container:not(.has-sort) .filters{width:100%}.pcs-game-filters-container[data-filters="4"] .filters{flex-wrap:wrap;max-width:400px}.pcs-game-filters-container[data-filters="4"] .filters .filter-container{width:50%;margin-top:5px}#pcs-clear-filters{display:none}}