body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}img,svg{-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App{text-align:center;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:#fff}.navbar{width:100%;display:block;flex-direction:row;background:#000}.set-icon{margin:5px;fill:#fff;vertical-align:center;height:30px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:calc(6px + 1.2vmin);padding:5px;border-radius:6px;position:absolute;white-space:nowrap;top:105%;left:50%;transform:translateX(-50%);z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.pick-options{display:flex;flex-direction:row;flex-wrap:wrap}.card{vertical-align:bottom;position:relative;margin-right:3px;margin-left:3px}.card,.card-small{display:block;width:149px}.card div.card-big{display:none}.card:hover div.card-big{z-index:10;display:block;position:absolute;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.72);border-radius:5px;border:5px solid #4d4d4d;left:20px}.clickable{cursor:pointer}.preview-below{top:70px}.preview-above{top:-510px}img.card-big{display:block;width:340px}.correct-overlay{background-color:rgba(0,255,64,.3)}.correct-overlay,.wrong-overlay{width:149px;height:208px;position:absolute;left:0;top:0;overflow:hidden}.wrong-overlay{background-color:rgba(255,0,0,.3)}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:40px auto;box-shadow:inset 0 0 0 #7ac142;-webkit-animation:fillgreen .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillgreen .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.xmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:red;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.xmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:40px auto;box-shadow:inset 0 0 0 red;-webkit-animation:fillred .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillred .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.xmark__one{-webkit-animation:stroke .4s cubic-bezier(.65,0,.45,1) .6s forwards;animation:stroke .4s cubic-bezier(.65,0,.45,1) .6s forwards}.xmark__one,.xmark__two{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48}.xmark__two{-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) .8s forwards}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fillgreen{to{box-shadow:inset 0 0 0 30px #7ac142}}@keyframes fillgreen{to{box-shadow:inset 0 0 0 30px #7ac142}}@-webkit-keyframes fillred{to{box-shadow:inset 0 0 0 30px red}}@keyframes fillred{to{box-shadow:inset 0 0 0 30px red}}.deck{flex-direction:row}.deck,.pile{display:flex}.pile{flex-direction:column;align-items:center}.under{height:26px;object-fit:cover}.over,.under{width:149px;object-position:top}.over{height:208px}.info{background:#000;bottom:5px;position:fixed;font-size:calc(6px + 1.2vmin)}
/*# sourceMappingURL=main.7c36782b.chunk.css.map */