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;overflow-y:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#666}h1{margin-top:0}#root{align-items:stretch;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;height:98vh;margin:1vh auto;overflow-y:auto;padding:1em}@media only screen and (max-width:595px){#root{max-width:97vw}}@media only screen and (min-width:600px){#root{max-width:97vw}}@media only screen and (min-width:768px){#root{max-width:70vw}}@media only screen and (min-width:889px){#root{max-width:60vw}}@media only screen and (min-width:1200px){#root{max-width:50vw;max-width:40vw;min-height:98vh}}.menu .buttonGroup{text-align:center}.menu button{cursor:pointer;margin:.5em;padding:1em}.menu button.big{font-size:large}.menubar{flex-basis:3em;flex-grow:0;flex-shrink:0}.menubar button{cursor:pointer;display:block;height:100%;width:100%}button.danger{color:#922;font-weight:700}.flash{align-items:stretch;flex-wrap:nowrap;position:relative}.flash,.flash .card{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1}.flash .card{text-align:center}.flash .controls{flex-basis:4em;flex-grow:0;flex-shrink:0}.flash .card .flip-card{display:flex;flex-direction:column;flex-grow:1}.flash .card .front{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-grow:1;flex-shrink:1}.flash .controls button{height:100%;width:25%}.flash .card .flip-card{position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.flash .card.flipped .flip-card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flash .card .back,.flash .card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.flash .card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flash .card .back .data{aspect-ratio:555/970;background:#ddd;border:4px solid #000;box-sizing:border-box;height:calc(100% - 2.5em);margin:1em auto;overflow-y:auto;padding:2em;text-align:left}.flasher{height:100%;left:0;opacity:.2;position:absolute;top:0;transition:.2s;width:100%;z-index:-1}.flasher.red{background:#f77;z-index:100}.flasher.green{background:#7f7;z-index:100}.flasher.gray{background:#aaa;z-index:100}.lookup h1{margin-bottom:0;text-align:center}.cardlist.expanded button{width:20%}.cardgroups{margin:0 0 1em}.cardgroups button{width:20%}.cardlist{overflow-y:auto}.cardlist h1{text-align:center}.cardlist.collapsed button .image{display:none}.cardlist.collapsed button{width:12.5%}.cardlist.expanded button .symbol{display:none}.cardinfo{overflow-y:auto}.cardinfo .cardcols{display:flex}.cardinfo .cardcols .left{width:40%}.cardinfo .cardcols .right{width:60%}.cardinfo img{width:100%}.lookup button .image.square{aspect-ratio:1;border:1px solid #000;margin:4px;overflow:hidden}.lookup button .image{margin:4px}.lookup button img{box-sizing:border-box;max-width:100%}.lookup button.active{background:#ea2}
/*# sourceMappingURL=main.120c56e5.css.map*/