.image-wrap{box-sizing:border-box;padding:20px;flex:1;z-index:10;overflow:visible}.image-wrap .image{display:block;position:relative;height:100%;width:100%;outline:none}.image-wrap .image>*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%}.image-wrap .image .overlay{animation-name:fade-in;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:1}.image-wrap .image .overlay .found{position:absolute;border-radius:99999999px;background:linear-gradient(to right,rgba(0,255,17,.2274509804),rgba(0,21,255,.1529411765));border:1px solid rgb(5,18,22);transform-origin:center center;box-sizing:border-box}.image-wrap .image .overlay .found:hover{background:rgba(255,116,41,.421);border:2px solid rgb(66,43,11)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.samples-wrap[data-v-fa608872]{flex:1;display:flex;justify-content:center;align-items:center;max-height:100%;overflow:visible}.samples-wrap .samples[data-v-fa608872]{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;grid-auto-rows:auto;gap:20px;width:min-content;max-height:100%;overflow:visible;padding:20px}.samples-wrap .samples .padding-fix[data-v-fa608872]{display:none}.samples-wrap .samples .sample[data-v-fa608872],.samples-wrap .samples .add[data-v-fa608872]{width:35vw;height:30vh;border-radius:8px;border:2px solid #000000;background-color:#fff;cursor:pointer;transition:filter .2s ease}.samples-wrap .samples .sample[data-v-fa608872]:hover,.samples-wrap .samples .add[data-v-fa608872]:hover{filter:brightness(90%)}.samples-wrap .samples .sample img[data-v-fa608872]{object-fit:contain;width:100%;height:100%}.samples-wrap .samples .add[data-v-fa608872]{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700}@media (orientation: portrait){.image>*[data-v-fa608872]{height:unset;width:100%}.samples-wrap[data-v-fa608872]{display:block}.samples-wrap .samples[data-v-fa608872]{display:flex;flex-direction:column-reverse;justify-content:flex-end;width:100%;padding-bottom:0}.samples-wrap .samples .padding-fix[data-v-fa608872]{display:block;content:"";width:100%;height:1px;transform:translateY(-20px)}.samples-wrap .samples .sample[data-v-fa608872],.samples-wrap .samples .add[data-v-fa608872]{flex:1;flex-shrink:0;flex-basis:200px;height:200px;width:100%}}.directions[data-v-1d13a4d5]{--size: clamp(20px,3vw,30px);aspect-ratio:1/1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:calc(var(--size) / 10)}.directions .dir[data-v-1d13a4d5]{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;color:#000}.directions .dir .filled[data-v-1d13a4d5],.directions .dir.active .empty[data-v-1d13a4d5]{display:none}.directions .dir.active .filled[data-v-1d13a4d5]{display:block}.directions .dir img[data-v-1d13a4d5]{width:var(--size)}.settings[data-v-b27c92b3]{padding:20px 10%;height:max-content;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"image directions" "wordlist wordlist";gap:20px}.settings section h2[data-v-b27c92b3]{font-weight:700;font-size:1.2rem;text-align:center}.settings section .wrap[data-v-b27c92b3]{padding:20px 0;display:flex;justify-content:center;align-items:center}.settings .image[data-v-b27c92b3]{grid-area:image}.settings .image button[data-v-b27c92b3]{width:100%;border:none;outline:none;background-color:transparent}.settings .image button:hover .image-placeholder[data-v-b27c92b3],.settings .image button:hover img[data-v-b27c92b3]{background-color:#0000001a;filter:brightness(90%)}.settings .image .image-placeholder[data-v-b27c92b3],.settings .image img[data-v-b27c92b3]{width:100%;border:2px solid #000000;border-radius:8px}.settings .image .image-placeholder[data-v-b27c92b3]{aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}.settings .image .image-placeholder svg[data-v-b27c92b3]{display:block;width:10%;min-width:20px}.settings .dirs[data-v-b27c92b3]{grid-area:directions;display:flex;flex-direction:column}.settings .dirs .wrap[data-v-b27c92b3]{flex:1;display:flex;justify-content:center;align-items:center}.settings .wordlist[data-v-b27c92b3]{overflow-x:hidden;grid-area:wordlist;display:flex;flex-direction:column}.settings .wordlist select[data-v-b27c92b3]{margin-bottom:20px;background-color:#e8e8e8;border:none;padding:3px 4px;border-radius:8px;border:1px solid #d0d0d0}.settings .wordlist .textarea-wrap[data-v-b27c92b3]{margin-top:5px;width:100%;overflow:auto;background-color:#e8e8e8;border-radius:8px;border:1px solid #d0d0d0}.settings .wordlist .textarea[data-v-b27c92b3]{width:max-content;resize:none;padding:12px;border:none;height:min-content;min-width:100%;outline:none;overflow-x:auto;overflow-y:visible}nav[data-v-4bc76bc1]{display:flex;align-items:center;flex-direction:row;padding:20px;z-index:20;background-color:#ffffffd4;backdrop-filter:blur(9px)}nav h1[data-v-4bc76bc1]{font-weight:700;font-size:1.6rem}nav .space[data-v-4bc76bc1]{flex:1}nav .actions[data-v-4bc76bc1]{display:flex;flex-direction:row;gap:8px}nav .action[data-v-4bc76bc1]{padding:8px 15px;border:none;font-weight:700;border-radius:12px;font-size:1rem;transition:box-shadow .2s ease;outline:none;background-color:#dbdbdb;color:#000}nav .action.solve[data-v-4bc76bc1]{background-color:#000;color:#fff}nav .action[data-v-4bc76bc1]:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.page[data-v-052c6c78]{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.page[data-screen=result][data-v-052c6c78]{overflow-y:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400;-webkit-tap-highlight-color:transparent}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{overflow:hidden;height:100%;width:100%}