#controls[data-v-0e4d43bb]{z-index:1;position:absolute;top:0;left:0;right:0;padding:10px min(20px,10%);background:var(--gradient-bg);text-shadow:0 0 1px var(--color-shadow);display:grid;justify-content:end;justify-items:end;grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:"options" "stats";row-gap:10px}@media (min-width: 500px){#controls[data-v-0e4d43bb]{justify-content:space-between;justify-items:stretch;grid-template-columns:auto auto;grid-template-rows:auto;grid-template-areas:"stats options"}}#controls .controls__stats[data-v-0e4d43bb],#controls .controls__options[data-v-0e4d43bb]{display:flex;align-items:center}#controls .controls__stats[data-v-0e4d43bb]{grid-area:stats;gap:5px}#controls .controls__stats .controls__stats__value[data-v-0e4d43bb]{color:var(--color-secondary);font-weight:800}#controls .controls__options[data-v-0e4d43bb]{grid-area:options;gap:20px}#controls .controls__options .controls__options__btn[data-v-0e4d43bb]{align-self:stretch;display:flex;align-items:center;border-radius:5px;padding:0 .5rem;font-size:.9rem;line-height:1;font-weight:600;color:var(--color-secondary);background:var(--color-primary);text-shadow:none;user-select:none;cursor:pointer;transition:box-shadow var(--transition-duration);box-shadow:0 0 5px var(--color-shadow)}#controls .controls__options .controls__options__btn[data-v-0e4d43bb]:hover{box-shadow:0 0 5px 2px var(--color-shadow)}#controls .controls__options .controls__options__size[data-v-0e4d43bb]{display:flex;align-items:center;gap:4px}#controls .controls__options .controls__options__size .controls__options__size__input[data-v-0e4d43bb]{width:2rem;box-sizing:border-box;margin:0;padding:0;box-shadow:none;outline:none;border:none;border-radius:5px;background:var(--color-secondary);font-size:.9rem;line-height:1.4rem;font-weight:700;color:var(--color-primary);text-align:center;text-shadow:none;transition:box-shadow var(--transition-duration);box-shadow:0 0 5px var(--color-shadow);-moz-appearance:textfield}#controls .controls__options .controls__options__size .controls__options__size__input[data-v-0e4d43bb]::-webkit-outer-spin-button,#controls .controls__options .controls__options__size .controls__options__size__input[data-v-0e4d43bb]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#controls .controls__options .controls__options__size .controls__options__size__input[data-v-0e4d43bb]:focus{outline:none;box-shadow:0 0 5px 2px var(--color-shadow)}.single-puzzle[data-v-20ad6080]{border-radius:inherit;position:relative}.single-puzzle .single-puzzle__cover[data-v-20ad6080]{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--gradient-bg);transition:opacity var(--transition-duration);opacity:0}.single-puzzle.single-puzzle--moveable[data-v-20ad6080]{cursor:pointer}.single-puzzle.single-puzzle--moveable:hover .single-puzzle__cover[data-v-20ad6080]{opacity:.1}.single-puzzle.single-puzzle--blank[data-v-20ad6080]{pointer-events:none;opacity:0}.single-puzzle[data-v-20ad6080]:not(.single-puzzle--blank){background-image:var(--3b18c156);background-size:var(--img-bg-size);background-position:var(--09ba7155);box-shadow:0 0 3px var(--color-shadow)}#puzzle[data-v-aed3023e]{border-radius:5px;position:relative;overflow:hidden;background:var(--gradient-bg)}#puzzle .puzzle__img[data-v-aed3023e]{display:block;box-sizing:border-box;margin:0;padding:0;max-width:100%;max-height:100%;border-radius:inherit;width:var(--img-width);height:auto;opacity:.3}#puzzle .puzzle__container[data-v-aed3023e]{position:absolute;inset:0;border-radius:inherit;display:grid;grid-template-columns:repeat(var(--0d6f5a6e),1fr);grid-template-rows:repeat(var(--0e34a37c),1fr);gap:3px;padding:1px}#puzzle .puzzle__container .puzzle__container__transition-move[data-v-aed3023e]{transition:transform var(--transition-duration)}#puzzle .puzzle__container .puzzle__container__transition-enter-from[data-v-aed3023e],#puzzle .puzzle__container .puzzle__container__transition-leave-to[data-v-aed3023e]{transition:opacity var(--transition-duration);opacity:0}#puzzle .puzzle__container .puzzle__container__transition-leave-active[data-v-aed3023e]{position:absolute}#puzzle .puzzle__cover[data-v-aed3023e]{position:absolute;inset:0;border-radius:inherit;user-select:none;padding:1px;background:var(--gradient-bg)}#puzzle .puzzle__cover .puzzle__cover__img[data-v-aed3023e]{display:block;box-sizing:border-box;margin:0;padding:0;max-width:100%;max-height:100%;border-radius:inherit;pointer-events:none}@keyframes fadeIn-aed3023e{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-aed3023e{0%{opacity:1}to{opacity:0}}.fade-in[data-v-aed3023e]{animation-name:fadeIn-aed3023e;animation-duration:.3s}.fade-out[data-v-aed3023e]{animation-name:fadeOut-aed3023e;animation-duration:.3s}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--color-primary: #333;--color-secondary: #ccc;--color-shadow: #0008;--transition-duration: .2s;--gradient-bg: linear-gradient(300deg, #6e72fc 0%, #ad1deb 75%) center / cover no-repeat fixed;--img-width: min(90vw, 132vh);--img-bg-size: var(--img-width) auto;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-primary);font-weight:700;line-height:1;white-space:nowrap;font-size:16px}@media (min-width: 1000px){:root{font-size:18px}}@media (min-width: 1400px){:root{font-size:20px}}#app{width:100vw;height:100vh;max-width:100vw;max-height:100vh;padding:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;background:var(--color-primary)}#app>*{max-width:100%;max-height:100%;min-width:0;min-height:0;box-shadow:0 0 6px var(--color-shadow)}