body{margin:0;padding: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}.App{min-height:100vh;display:flex;flex-direction:column}.card-container{flex:1 1;padding:90px 26px 80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media (max-width:600px){.card-container{padding:24px 12px 30px}}.footer{color:#aaa;text-align:center;padding:0 16px 40px;line-height:1.5}.footer a{color:#888}@media (prefers-color-scheme:dark){html{background:#111}}.card{border-radius:10px;cursor:grab;margin:10px;position:relative;width:300px;overflow:hidden;box-shadow:0 12px 22px rgba(0,0,0,.15);transition:box-shadow .2s ease-in-out}@media (max-width:600px){.card{width:165px;margin:5px}}@media (max-width:320px){.card{width:140px;margin:4px}}.card:hover{box-shadow:0 16px 22px rgba(0,0,0,.35)}.card--hidden{opacity:.4}.card--dragged{opacity:0}.card img{width:100%;display:block}.cardToggle{display:block;position:absolute;top:10px;left:11px}.cardToggle input{opacity:0}.cardToggle:before{content:"";display:inline-block;width:24px;height:24px;background:hsla(0,0%,39.2%,.2);cursor:pointer;border:3px solid #fff;border-radius:6px;box-shadow:0 12px 22px rgba(0,0,0,.4)}.cardToggle:hover:before{background:#000;box-shadow:0 12px 22px rgba(0,0,0,.4),0 0 0 4px rgba(0,0,0,.6)}.cardToggle.cardToggleChecked:before{background:#00cd70}.cardToggle.cardToggleChecked:after{content:"";position:absolute;left:10px;top:14px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;transform:rotate(45deg)}.character-panel{position:absolute;top:24px;left:26px;-webkit-user-select:none;user-select:none}.character-panel:after{content:"";position:absolute;top:12px;right:15px;box-sizing:border-box;height:7px;width:7px;border-color:#111;border-style:solid;border-width:0 1px 1px 0;transform:rotate(45deg)}.character-picker{-moz-appearance:none;-webkit-appearance:none;height:36px;background:#f6f6f6;box-shadow:inset 0 3px 10px rgba(0,0,0,.05);border:none;border-radius:6px;min-width:200px;font-size:16px;text-indent:12px;text-transform:capitalize;color:#222;cursor:pointer}.character-picker:hover{background:#efefef}.character-picker:focus{border:1px solid #ccc;outline:none}@media (prefers-color-scheme:dark){.character-picker{background:hsla(0,0%,100%,.1);color:#fff}.character-picker:hover{background:hsla(0,0%,100%,.15)}.character-panel:after{border-color:#999}}@media (max-width:600px){.character-panel{position:relative;top:0;left:0;margin:24px 24px 12px;display:flex}.character-picker{flex:1 1}}.edit-cards-panel{position:absolute;top:24px;right:26px;color:#aaa;-webkit-user-select:none;user-select:none;font-size:16px;line-height:36px}@media (max-width:600px){.edit-cards-panel{position:relative;left:0;top:0;margin:12px 24px 0}.edit-cards{float:right}}.edit-cards{color:#222;height:36px;background:#f6f6f6;box-shadow:inset 0 3px 10px rgba(0,0,0,.05);display:inline-block;line-height:36px;padding:0 18px;margin-left:20px;min-width:60px;text-align:center;border-radius:6px;cursor:pointer}.edit-cards:hover{background:#efefef}@media (prefers-color-scheme:dark){.edit-cards{background:hsla(0,0%,100%,.1);color:#fff}.edit-cards:hover{background:hsla(0,0%,100%,.2)}}
/*# sourceMappingURL=main.70ac2da2.chunk.css.map */