body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{overflow:hidden}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:16px;min-height:100vh;padding-top:55.2px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.changeLogTitle{margin-bottom:16px;margin-top:80px}.changeLog{align-items:flex-start;border:2px solid gray;display:flex;flex-direction:column;height:30vh;overflow-y:scroll;padding:20px;width:50vw;.date{display:flex;flex-direction:column;margin:0;padding:0;div{display:flex}.tool{display:block;justify-self:flex-start}.dateDetails{ul{display:flex;justify-self:flex-start;text-align:left}}}}.navbar{align-items:center;background:#444;display:flex;position:fixed;top:0;width:100vw}.header{color:#fff;margin:0 20px}.nav-links{display:flex}.nav-links a{color:#fff;font-weight:500;padding:16px 20px;text-decoration:none;transition:color .2s}.nav-links a:hover{background-color:#555;color:cyan}.nav-links .active{border-bottom:2px solid cyan;color:cyan}.imagePreview{margin-top:20px}.centeringPageContainer{display:flex;justify-content:center;width:100vw;.instructions{padding-top:24px;width:50%;.instructionsHeader{margin-bottom:24px;text-decoration:underline}.instructionImg{height:255px;width:198px}h4{margin:0}.centeringResult{margin:20px}}.workspace{height:80vh;overflow:scroll;width:50%;.fileInput{align-content:center;background-color:#282c34cc;border:4px dashed #ccc;cursor:pointer;display:inline-block;height:100px;padding:6px 12px;position:relative;width:200px;z-index:3}.fileInput:hover{border:4px dashed cyan;color:cyan}}}.btn-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.btn{margin:0 4px}.centeringPage{display:flex;flex-direction:column;justify-content:flex-start}.imageContainer{height:0}.drawingContainer{position:relative;.drawingArea{margin-left:20px}}h2{margin:0}.colorFinderPage{display:flex;flex-direction:column;height:100vh}.colorFinderHeader{background-color:#282c34;filter:drop-shadow(10px 8px 5px rgba(0,0,0,.3));min-height:0;min-height:auto;padding-top:20px;z-index:9999;p{margin:0}}.loadOptionContainer{display:flex;justify-content:center;padding-bottom:24px;.loadOption{display:flex;flex-direction:column;.loadDescription{color:#777}}}.colorBlocks{display:flex;gap:4px;justify-content:center;div{cursor:pointer}.colorBlockEmoji{display:none}div:hover{transform:scale(1.5);.colorBlockEmoji{display:block;font-size:12px}}}.filterSection{display:flex;gap:30px;justify-content:center;padding-bottom:8px}.filterChecks{flex-wrap:wrap;gap:12px;width:282px}.filterChecks,.filterSetChecks{display:flex;flex-direction:row}.filterSetChecks{justify-content:flex-end;max-width:30vw}.setFiltersList{background:#222222e6;border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;height:300px;margin-top:6px;overflow-y:scroll;padding:8px;position:absolute;top:120px;width:400px;z-index:1000;label{font-size:12px;margin:4px}}.urRarity{background:-webkit-linear-gradient(#d8d8d8,#7c7c7c);-webkit-background-clip:text;color:silver}.primeRarity,.urRarity{-webkit-text-fill-color:#0000;font-weight:700}.primeRarity{background:-webkit-linear-gradient(gold,#fff);-webkit-background-clip:text;color:#b4ac7e}.bwRarity{background:linear-gradient(270deg,#fff,#494949);-webkit-background-clip:text;color:silver}.bwRarity,.irRarity{-webkit-text-fill-color:#0000;font-weight:700}.irRarity{background:-webkit-linear-gradient(#61d2ff,#a1bdff);-webkit-background-clip:text;color:#87cefa}.sirRarity{background:-webkit-linear-gradient(#94052e,#ff2a98);-webkit-background-clip:text;color:red}.hrRarity,.sirRarity{-webkit-text-fill-color:#0000;font-weight:700}.hrRarity{background:-webkit-linear-gradient(#946e05,gold);-webkit-background-clip:text;color:gold}.vRarity{background:-webkit-linear-gradient(#b20074,#ffe44b);-webkit-background-clip:text}.vRarity,.xRarity{-webkit-text-fill-color:#0000;color:#fff;font-weight:700}.xRarity{background:-webkit-linear-gradient(#3aa131,#dcc648);-webkit-background-clip:text}.rainbowRarity{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,red,orange,#ff0,green,blue,indigo,violet);-webkit-background-clip:text;color:#fff;font-weight:700}.promoRarity{color:#000;font-weight:700;text-shadow:0 0 2px #fff,0 0 3px #fff}.commonRarity{color:#fff;font-weight:700}.aceRarity{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#ff1c4d,#f0f);-webkit-background-clip:text;color:#ff1c4d;font-weight:700}.whiteStar{color:#fff}.blackStar{-webkit-text-stroke:.5px #fff;color:#000}.goldStar{color:gold}.pinkStar{color:#f0f}.raritySpacing{margin-right:4px}.filterSuperscript,.superscript{font-size:.75em;vertical-align:super}.filterSuperscript{transform:translateY(-4px)}.filterSuperscriptMedium{font-size:1em}.filterSuperscriptBig,.filterSuperscriptMedium{transform:translateY(-4px);vertical-align:super}.filterSuperscriptBig{font-size:1.25em}.filterSecondStar{transform:translate(-2px,-1px)}.filterSecondStar,.filterTripleStar1,.filterTripleStar2{font-size:.75em;vertical-align:super}.filterTripleStar2{transform:translate(-11px,-4px)}.filterContainer{display:flex;div>label>span{font-size:16px;vertical-align:top}}.scrollContainer{height:calc(100vh - 219px);overflow-y:scroll;width:100vw;.cardSection{display:flex;flex-wrap:wrap;justify-content:center;max-width:100vw;padding-bottom:200px;.cardContainer{height:487.73px;perspective:1000px;.card{border-radius:12px}.card,.hiddenCard{display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.9));height:342px;margin:20px 20px 10px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .12s ease-out,filter .12s ease-out;width:245px;will-change:transform,filter}.hiddenCard{visibility:hidden}.cardName{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:8px;max-height:44.53px;max-width:285px;position:relative;z-index:1}.cardName,.cardSet{overflow:hidden;text-overflow:ellipsis}.cardSet{-webkit-line-clamp:1;white-space:nowrap}}.hiddenCardContainer{height:487.73px;visibility:hidden;width:285px}}}.scrollContainerDisabled{height:0;overflow-y:hidden;width:100vw}.btn{background-color:#444;cursor:pointer;margin:0 32px;min-width:0;min-width:auto;padding:10px}.btn:hover{background-color:#555;color:cyan}.colorBtn{border:4px solid #0000;cursor:pointer;display:block;filter:drop-shadow(10px 10px 18px rgba(0,0,0,.4));height:64px;line-height:64px;width:64px}.colorBtn:hover{border:4px solid #0000;border-image:linear-gradient(to bottom right,#ae00ff,#007bff 25%,#af0 50%,#fb0 75%,#f08);border-image-slice:1}.resetBtn{align-self:center;background-color:#444;cursor:pointer;display:flex;height:24px;justify-content:center;line-height:24px;margin:0 32px;min-width:0;min-width:auto;width:72px}.resetBtn:hover{background-color:#555;color:cyan}.rarityAbbreviation{justify-content:flex-end;margin:8px 0;width:82px}.searchContainer{display:flex;flex-direction:column;justify-content:center;.searchBar{border-radius:4px;font-size:14px;height:44px;padding-left:12px;width:156.8px}}.binderSearchContainer{display:flex;margin-left:14px;margin-top:14px;width:100%;.searchBar{border-radius:4px;font-size:14px;height:44px;padding-left:12px;width:40vw}}.filterSemanticSection{padding:0 12px 12px}.leftFilters{align-items:center;display:flex;gap:20px;justify-content:center}.selectSetBtn{margin:0}.sliderWidget{margin:0 0 0 4px;transform:translateY(2px)}.colorSection{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-right:20px;width:72px}.priceTag{text-decoration:underline}.disabledBtn{background-color:#333!important;color:#666!important;cursor:not-allowed}.sortingSelect{align-self:center;border-radius:4px;display:flex;font-size:14px;height:44px;padding:0 8px}.filterSetsCol{.resetBtn{width:100%}}.filterSetsCol,.searchSortCol{display:flex;flex-direction:column;gap:8px;justify-content:center}.horizSetButtons{display:flex;gap:8px;div{margin:0;width:50%}}.favoritesContainer{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.favoriteIcon{cursor:pointer;display:inline-block;z-index:2}.favoriteIcon:hover{transform:scale(1.3)}.cardContainerSmall{height:128.45px!important;margin:8px;perspective:1000px;width:99.75px!important;.cardSmall{border-radius:4.2px;display:block;filter:drop-shadow(0 2.8px 5.6px rgba(0,0,0,.3));height:128.45px!important;margin:7px 7px 3.5px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .12s ease-out,filter .12s ease-out;width:99.75px!important;will-change:transform,filter}}.bookEmoji{display:flex;font-size:40px;justify-self:center}.binderHeaders{justify-content:center;padding-top:20px;.btn{line-height:41.6px;margin:0;padding-bottom:0;padding-top:0}}.binderHeaders,.binderHeaders2{display:flex;gap:8px;height:41.6px;width:100%}.binderHeaders2{align-items:center;flex-direction:column;margin-top:16px;.btn{line-height:41.6px;margin:0;padding-bottom:0;padding-top:0}div{.btn{justify-content:center;padding:0;text-align:center;width:44px}}}.exitEditBtn{display:flex;height:41.6px;line-height:41.6px;margin:20px 0 0 20px;padding:0 10px;width:60px}.binderCountBtn{font-size:20px;font-weight:700;line-height:41.6px;width:24px}.addBtn:hover{color:lime}.deletePageBtn{text-wrap:nowrap}.deletePageBtn:hover{color:red}.binderPageCurrent{text-wrap:nowrap;font-size:20px;font-weight:700;line-height:41.6px;margin:0 8px}.binderContainer{display:flex;.binderPageSide{flex-direction:column;min-width:430px;overflow:auto;width:40vw}.binderCardSide,.binderPageSide{display:flex;height:calc(100vh - 60px)}.binderCardSide{align-items:flex-start;flex-wrap:wrap;gap:0;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;padding-left:30px;width:60vw;.cardContainerSmall:last-child{margin-bottom:60px}}}.noFavoritesWarning{padding-top:40px;text-align:left}.binderViewContainer{display:flex;justify-content:center;margin-top:12px;padding-bottom:40px}.binderGridContainer{display:flex;filter:drop-shadow(0 8px 25px rgba(0,0,0,.5));flex-wrap:wrap;justify-content:center}.binderWidth2{width:205.9px}.binderWidth3{width:308.85px}.binderWidth4{width:411.8px}.dragPreview{left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:99999}.cardSmallPreview{border-radius:4.2px;display:block;filter:drop-shadow(0 2.8px 5.6px rgba(0,0,0,.3));height:128.45px!important;margin:7px 7px 3.5px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .12s ease-out,filter .12s ease-out;width:99.75px!important;will-change:transform,filter}.cardsPerPageContainer{display:flex;gap:8px}.binderTitleRow{display:flex;justify-content:center;margin-top:48px;.binderEditButton{cursor:pointer}}.binderSlot{background-color:#333;background-image:radial-gradient(circle at center,#555 2px,#0000 0);background-repeat:round;background-size:12px 12px;border:2px solid #222;height:128.45px!important;width:99.75px!important;.cardContainerSmall{margin:0;.cardSmall{margin:0}}}