.menubar{color:#fff;margin-top:calc((var(--app-padding) - 8px) * -1);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.menubar-left{float:left;font-family:Finger Paint,cursive}.menubar-right{float:right}.menubar h1{display:inline;font-size:2em}.menubar h2{display:inline;font-family:Jua,sans-serif;font-size:1em}.newgame{border:0;background-color:transparent;color:#fff;font-size:2em}.newgame:focus{outline:none}@media screen and (max-width:360px){.menubar h1{font-size:1.5em}.menubar h2{font-size:.75em}.newgame{font-size:1.5em}}.card-container{border:1px solid var(--outline-color);border-radius:var(--corner-rad);margin:var(--card-gap);width:var(--max-card-dim);height:var(--max-card-dim);position:relative;-webkit-perspective:800px;perspective:800px;display:inline-block}.card-body{border-radius:var(--corner-rad);width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity 1s ease-in,-webkit-transform .5s ease-out;transition:opacity 1s ease-in,-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out,opacity 1s ease-in;transition:transform .5s ease-out,opacity 1s ease-in;transition:transform .5s ease-out,opacity 1s ease-in,-webkit-transform .5s ease-out}.card-body figure{margin:0;border:2px solid var(--outline-color);border-radius:var(--corner-rad);display:block;position:absolute;width:var(--max-card-dim);height:var(--max-card-dim);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.card-body .front{background-color:var(--secondary-color);color:#fff;text-align:center;font-weight:700;line-height:var(--max-card-dim);font-size:calc(var(--max-card-dim) * .6);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.card-body .back{background-color:var(--secondary-color)}.card-body .back,.card-body .back.matched{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-body .back.matched{background-color:var(--primary-color)}.card-body.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-active{opacity:1}.card-inactive{opacity:0}.card-gif{max-height:var(--max-img-dim);max-width:var(--max-img-dim);border:1px solid var(--outline-color);width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.array-container{width:100%;display:grid;-ms-flex-pack:center;justify-content:center}@media screen and (min-aspect-ratio:1/1){.array-container{grid-template-columns:repeat(var(--num-cols),auto)}}@media screen and (max-aspect-ratio:1/1){.array-container{grid-template-columns:repeat(var(--num-rows),auto)}}.queryField-loading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.queryField-loading{font-size:3em;font-family:Jua,sans-serif}.queryField-spinner{background-color:#fff;width:75px;height:75px;margin-bottom:25px;border-radius:3.75px;-webkit-animation:an-spinner .75s infinite ease-in-out;animation:an-spinner .75s infinite ease-in-out}@-webkit-keyframes an-spinner{0%{-webkit-transform:perspective(200px) rotateY(0deg)}to{-webkit-transform:perspective(200px) rotateY(180deg)}}@keyframes an-spinner{0%{-webkit-transform:perspective(200px) rotateY(0deg);transform:perspective(200px) rotateY(0deg)}to{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg)}}.queryField-input-clear{display:-ms-inline-flexbox;display:inline-flex;font-size:2em}.queryField-input,.queryField-input-clear{background-color:transparent;border:0;color:#fff}.queryField-input{font-size:4em;font-family:Jua,sans-serif;border-bottom:1px solid;border-color:#fff}.queryField-input:focus{outline:none}.queryField-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)}.queryField-input:-ms-input-placeholder,.queryField-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)}.queryField-input::placeholder{color:hsla(0,0%,100%,.35)}.queryField-input::-ms-clear{display:none;width:0;height:0}@media screen and (max-width:1023px){.queryField-input{font-size:3em}.queryField-input-clear{font-size:2em}}@media screen and (max-width:720px){.queryField-input{font-size:2em}.queryField-input-clear{font-size:1.5em}}@media screen and (max-width:360px){.queryField-input{font-size:1.5em}.queryField-input-clear{font-size:1em}}h2{font-family:Jua,sans-serif;font-size:1.5em;color:#fff}@media screen and (max-width:720px){h2{font-size:1em}}@media screen and (max-width:360px){h2{font-size:.75em}}.closeButton{background-color:transparent;color:#fff;border:0;position:absolute;top:2vh;right:2vh;font-size:4em}.chip{display:inline-block;margin:5px;padding:0 25px;height:50px;line-height:50px;border-radius:25px;color:#fff;font-family:Jua,sans-serif;font-size:25px;cursor:pointer}.chip.popSearch{background-color:var(--primary-color)}.chip.trending{background-color:var(--highlight-color)}@media screen and (max-width:1200px){.chip{font-size:40px;line-height:40px;height:40px;border-radius:20px;margin:4px;padding:0 20px;font-size:20px}}@media screen and (max-width:1024px){.chip{font-size:36px;line-height:36px;height:36px;border-radius:18px;margin:3px;padding:0 18px;font-size:18px}}@media screen and (max-width:720px){.chip{font-size:24px;line-height:24px;height:24px;border-radius:12px;margin:2px;padding:0 12px;font-size:12px}}.popSearches{display:block;width:80%}.popSearches-spinner{background-color:#fff;width:50px;height:50px;margin-bottom:10px;border-radius:2.5px;-webkit-animation:an-spinner .75s infinite ease-in-out;animation:an-spinner .75s infinite ease-in-out}.popSearches-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.query-background{color:#fff;left:0;top:-100%;width:100%;height:100%;position:fixed;padding:0;margin:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--primary-bgcolor-90);overflow-x:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.query-open{top:0}@media screen and (max-width:1023px){.query-close{font-size:3em}}@media screen and (max-width:720px){.query-close{font-size:2.5em}}@media screen and (max-width:360px){.query-close{font-size:2em}}.preloaded-img{display:none}:root{--app-padding:20px;--card-gap:5px;--menubar-height:50px;--max-card-dim:200px;--max-img-dim:calc(var(--max-card-dim) * 0.9);--corner-rad:calc(var(--max-card-dim) * 0.05);--num-cols:6;--num-rows:3}.app{text-align:center;color:#fff}:root{--highlight-color:#25c032;--primary-color:#2e9cca;--secondary-color:#29648a;--primary-bgcolor:#25274d;--primary-bgcolor-90:rgba(37,39,77,.9);--outline-color:#6c70a7}body{margin:0;padding:var(--app-padding);font-family:sans-serif;background-color:var(--primary-bgcolor);overflow:hidden}
/*# sourceMappingURL=main.942583ba.css.map*/