:root{--header-height: 60px}.topHeader{background:#2a2a3e;z-index:10;position:fixed;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;flex-grow:1;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding-right:18px;padding-left:18px;border-bottom:1px solid #3a3a4e}.topHeader .spacedContent{display:flex;flex-wrap:nowrap;flex-grow:1;justify-content:space-between}.topHeader .content{align-items:center;height:var(--header-height);display:flex;flex-direction:row}#logo{height:auto;width:127px;display:flex}.spacer{height:42px;width:1px;background-color:#fff;margin:2px}@media(max-width:1200px){.fullHeader .hiddenText p{display:none}}@media(max-width:920px){.fullHeader .hiddenText p{display:block}}@media(max-width:640px){.fullHeader .hiddenText p{display:none}}@media(max-width:500px){.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.emptyHeader .hiddenText p{display:none}.emptyHeader button.hiddenText{padding-left:8px;padding-right:8px}}@media(max-width:430px){.fullHeader.topHeader{width:100%;box-sizing:border-box;padding-right:8px;padding-left:8px}#logo{width:110px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:130px}}@media(max-width:390px){.fullHeader .printerDropdown{width:100px}}@media(max-width:375px){.fullHeader.topHeader{width:100%;box-sizing:border-box;padding-right:8px;padding-left:8px}#logo{width:80px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:70px}}.printModal{display:flex;position:absolute;top:80px;bottom:80px;left:50%;transform:translate(-50%);width:calc(100vw - 36px);height:calc(100vh - 120px);color:#fff;overflow-y:scroll;border-radius:10px;padding:18px}.printModal .modalContent{background-color:#0f0f0f;position:relative;padding:16px;row-gap:16px;height:fit-content}.printModal h1{font-size:32px}.withMobileWrapping{flex-wrap:no-wrap}.printModal .paperSizeContainer{display:flex;flex-direction:row;column-gap:5px;flex-wrap:wrap;row-gap:5px;justify-content:flex-end}.printModal .paperSizeContainer>button{max-width:150px}.printModal .closeIcon{position:absolute;top:16px;right:16px;width:32px;height:32px}.printModal .title{justify-content:space-around}@media(max-width:430px){.printModal{width:100vw;padding:0}.printModal .modalContent{width:calc(100vw - 32px)}.withMobileWrapping{flex-wrap:wrap}.printModal .paperSizeContainer{display:flex;flex-direction:row;column-gap:5px;flex-wrap:wrap;row-gap:5px;justify-content:space-around}}.labelControls{width:100%;justify-content:flex-end}.labelContainer{background-color:var(--ui-color-2);padding:8px;border-radius:8px;position:relative;display:flex;gap:var(--basic-gap);flex-direction:column;align-items:center;height:fit-content;border:4px solid transparent;margin-bottom:20px}label.canvasLabel{cursor:pointer}.card-selected,.labelContainer:has(label.canvasLabel:hover){border:4px solid var(--ui-color-primary)}.card-drag-over{border:4px solid #3fd4a4}.labelContainer.horizontal{max-width:var(--cell-width)}.canvasLabel{max-width:var(--cell-width);max-height:var(--cell-width)}.labelControls .button-look{width:40px;height:40px}@keyframes checkbox-pulse{0%,to{opacity:1}50%{opacity:.3}}.checkbox-pulse{animation:checkbox-pulse .8s ease-in-out 3}.editorContainer{padding-top:60px;display:flex;flex-direction:row;height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height));overflow:hidden}.actionBar{background:#2a2a3e;display:flex;height:100%;min-height:100%;width:var(--action-bar-width)!important;border-right:1px solid var(--ui-color-3)}.leftPanel{background:#2a2a3e;border-right:1px solid var(--ui-color-3);flex-direction:column;width:var(--left-panel-width);min-width:var(--left-panel-width);display:flex;height:100%;min-height:100%;overflow-y:hidden;overflow-x:hidden;padding:0}.resourceListAreaLogos{column-count:2;column-gap:8px;padding-left:8px;padding-right:0;box-sizing:border-box;width:100%}.resourceListAreaLogosScroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%}.resourcePanelSection{flex:1;min-height:0}.verticalStack.leftPanel{align-items:start}.labelsView{position:relative;background-color:var(--ui-color-1);padding-top:16px;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;align-items:center;justify-content:space-around;column-gap:20px;height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height))}.selectionBar{position:fixed;bottom:16px;left:calc(var(--left-panel-width) + var(--action-bar-width) + 16px);display:flex;gap:8px}.actionBarButton{display:flex;width:var(--action-bar-width);min-width:var(--action-bar-width)!important;max-width:var(--action-bar-width);height:var(--action-bar-width);max-height:var(--action-bar-width);padding:0}.actionBarButton:disabled{opacity:.35;pointer-events:none}.actionBarButtonWrapper{display:inline-flex}.searchPanel{display:flex;max-height:calc(100vh - var(--header-height))}.searchHeader{box-sizing:border-box;justify-content:center;padding-inline:8px}.searchHeader .textField{flex-grow:1}.gameEntry{display:flex;width:70%;max-width:100%}.searchResultsContainer{flex-grow:1;flex-wrap:wrap;row-gap:8px;column-gap:8px;overflow-y:scroll;overflow-x:hidden}.searchResult{display:flex;flex-direction:column;width:48%}.loader{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px}.searchResultImageWrapper{position:relative;width:100%}.searchResult img{width:100%}.searchResultLoadingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:4px}.disclaimer{padding-inline:8px;justify-content:space-around}.panelSection{width:100%;box-sizing:border-box;gap:8px;text-align:left;margin-block:8px;padding:0 0 8px;border-bottom:1px solid var(--ui-color-3);max-height:calc(100vh - var(--header-height) - 8px)}.verticalStack.panelSection{align-items:start}.horizontal .canvasLabel img.smaller{width:calc(var(--cell-width) * .8);height:auto}.vertical .canvasLabel img.smaller{height:calc(var(--cell-width) * .8);width:auto}.previewFooter{margin-top:var(--basic-gap);display:flex;align-items:center;min-height:40px}@keyframes flash-blink{0%,to{border:4px solid var(--ui-color-primary)}50%{border:4px solid transparent}}.flash-card{animation:flash-blink .8s ease-in-out infinite}#root{max-width:100%;width:100%;margin:0 auto;padding:0;text-align:center;background-color:#292c34}.horizontalStack{width:100%;align-items:center;display:flex;flex-direction:row;column-gap:10px}.verticalStack{width:100%;display:flex;flex-direction:column;row-gap:10px;align-items:center}html{overflow-x:hidden}body{margin:0;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vh;overflow-y:hidden;overflow-x:hidden;background-color:#292c34;font-family:Roboto,sans-serif;font-weight:400;scrollbar-width:"thin";scrollbar-color:rgba(244,244,244,.4) transparent}:root{--basic-gap: 8px;--ui-color-1: #1e1e2e;--ui-color-2: #2a2a3e;--cell-width: 450px;--action-bar-width: 48px;--left-panel-width: 320px;--ui-color-3: #3a3a4e;--ui-color-primary: #5361d9;--header-height: 60px}::-webkit-scrollbar{transition:background-color .2s ease;width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#f4f4f466;border-radius:16px;width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}