.back.svelte-4kx785,.front.svelte-4kx785{background-size:100% 1300%}#header.svelte-7om3l0{background-color:#ccc;transition:background-color .8s ease-in-out}#header.svelte-7om3l0 .container:where(.svelte-7om3l0){padding-top:10px;padding-bottom:10px;display:flex;justify-content:space-between}#header.svelte-7om3l0 .logo:where(.svelte-7om3l0){flex-grow:1}#header.svelte-7om3l0 .stats:where(.svelte-7om3l0){margin-left:20px;align-self:center}#header.svelte-7om3l0 .settings:where(.svelte-7om3l0){margin-left:20px;align-self:center;display:flex;flex-direction:column}#header.svelte-7om3l0 h4:where(.svelte-7om3l0){margin:0;font-size:16px;color:#fff;font-weight:700}body{margin:0;padding:0;font-size:14px;line-height:1.2;color:#444;font-family:Open Sans,Arial,sans-serif}a{color:#0070b8}img{max-width:100%;height:auto}hr{margin:40px 0;height:1px;border:none;background:#8c8d8e}.container{margin:0 auto;padding:4% 20px;max-width:1280px;box-sizing:border-box}.-hide{display:none}.-center{text-align:center}.-shadow{box-shadow:0 0 25px rgba(#000000,.75);position:relative;z-index:2}.button{margin:10px 0;padding:8px 40px;border:none;font-size:15px;line-height:15px;font-weight:700;text-decoration:none;color:#fff;cursor:pointer;white-space:nowrap;display:inline-block;background-color:#8c8d8e}.button i{font-size:.6rem}.button:active,.button:link,.button:visited{color:#fff}.button:hover{background-color:lighten(#8c8d8e,10%);text-decoration:none}.button.-border{border:1px solid #8c8d8e;color:#8c8d8e;background:#fff}.button.-border:hover{color:lighten(#8c8d8e,10%);border-color:lighten(#8c8d8e,10%)}.button.-disabled,.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed}.button.-small{padding:5px 10px;font-size:13px;line-height:13px}.button.-large{padding:12px 65px;font-size:15px;line-height:15px}.button.-full{width:auto;text-align:center;display:block}.cards{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:18px}.card{perspective:1000px;border:0;padding:0;display:block;background:transparent;-webkit-appearance:none;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}.card .flip-container{padding-bottom:128.83%;position:relative;transform-style:preserve-3d;transition:.6s}.card .front,.card .back{width:100%;height:100%;backface-visibility:hidden;background-size:cover;background-repeat:no-repeat;background-size:100% 1400%;box-shadow:0 0 5px #000000bf;position:absolute;top:0;left:0}.card .front img,.card .back img{width:100%;max-width:none;display:block}.card .back{cursor:pointer;transform:rotateY(0);z-index:2}.card .front,.card.-flip .flip-container{transform:rotateY(180deg)}.card.-match .front{animation:flashValid 1s forwards;animation-delay:.6s}.card.-error .front{animation:flashError 1s forwards;animation-delay:.6s}@keyframes flashValid{0%{box-shadow:0 0 5px #000000bf;opacity:1}50%{box-shadow:0 0 8px 3px #73c167;opacity:1}to{box-shadow:0 0 5px #000000bf;opacity:.35}}@keyframes flashError{0%{box-shadow:0 0 5px #000000bf}50%{box-shadow:0 0 8px 3px #ea565e}to{box-shadow:0 0 5px #000000bf}}@media (max-width: 768px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 769px) and (max-width: 1200px){.cards{grid-template-columns:repeat(5,1fr)}}