body{margin:0;color:#121212;font-family:monospace;font-size:1rem}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}#app{width:100vw;height:100vh;background-color:#121212}.wrapper{height:100svh;width:100vw;margin:0;padding:0;display:flex;flex-direction:column;gap:1vh}@media (min-width: 1200px){.wrapper{display:grid;grid-template-areas:"side main" "side bottom";grid-template-columns:1fr 4fr;grid-template-rows:5fr 1fr;gap:0}}.binder-wrapper{grid-area:main}.options{grid-area:side}.buttons{grid-area:pages}@media (min-width: 1024px){.buttons{grid-area:bottom}}.options{color:#fff;display:flex;flex-direction:column;gap:.75rem;padding:0;margin:.75rem;height:calc(40svh - 3rem);overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#cacaca transparent}.options .field{display:flex;flex-direction:column;gap:.25rem}.options .checkbox{display:flex;gap:.5rem}.options .radio{display:flex;gap:.25rem}.options .radios{display:flex;gap:.5rem}.options button{border:none;background:#fde12d;border-radius:0;padding:.25rem;cursor:pointer}.options button:hover{opacity:.7}@media (min-width: 1200px){.options{gap:2rem;padding:5vw 2.5vw;margin:0;height:unset}}.autocomplete{position:relative}.autocomplete input{width:100%}.autocomplete .label{align-items:baseline;display:flex;flex-direction:row;gap:1rem}.autocomplete .label span{color:#fff;font-size:1em}.autocomplete .suggestions{color:#fff;position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#333;border-radius:5px;list-style:none;margin:0;padding:0;max-height:150px;overflow-y:auto;z-index:1000}.suggestions li{padding:.25rem .5rem;font-size:.8em;cursor:pointer}.suggestions li:hover{color:#fde12d}@media (min-width: 1024px){.suggestions li{font-size:1em}}.card[data-v-2d5edf5c],.empty[data-v-2d5edf5c]{aspect-ratio:.7215909091;width:fit-content;max-width:160px;height:41.5748031496vw;max-height:24svh;border-radius:10px;overflow:hidden;position:relative}.card img[data-v-2d5edf5c],.empty img[data-v-2d5edf5c]{width:100%;height:100%;object-fit:contain;position:absolute;z-index:1}.card img.alt[data-v-2d5edf5c],.empty img.alt[data-v-2d5edf5c]{z-index:0}.card img.alt.over[data-v-2d5edf5c],.empty img.alt.over[data-v-2d5edf5c]{z-index:2}.card.missing img[data-v-2d5edf5c],.empty.missing img[data-v-2d5edf5c]{filter:grayscale(1)}.page:not(.more) .card.nopoke[data-v-2d5edf5c]{border:4px solid #9c3046}@media (min-width: 1200px){.card[data-v-2d5edf5c],.empty[data-v-2d5edf5c]{width:20.9261363636vh;height:29vh;max-height:unset;max-width:unset}.card img[data-v-2d5edf5c],.empty img[data-v-2d5edf5c]{object-fit:cover}}.empty[data-v-2d5edf5c]{border-right:1px dashed #666;border-bottom:1px dashed #666;border-radius:0}.card-buttons[data-v-2d5edf5c]{display:none;position:absolute;top:0;left:0;z-index:3;margin:.5rem;flex-direction:column;gap:.25rem;height:calc(100% - 1rem);width:calc(100% - 1rem)}.card-buttons button[data-v-2d5edf5c]{border-radius:0;background:#fff;border:none;padding:.25rem;max-width:50%}.card-buttons button[data-v-2d5edf5c]:hover{color:#fff;cursor:pointer}.card-buttons button:hover.edit[data-v-2d5edf5c]{background:#095d58}.card-buttons button:hover.delete[data-v-2d5edf5c]{background:#9c3046}.card-buttons button:hover.addleft[data-v-2d5edf5c],.card-buttons button:hover.addright[data-v-2d5edf5c]{background:#fde12d}.card-buttons button.addleft[data-v-2d5edf5c],.card-buttons button.addright[data-v-2d5edf5c]{position:absolute;top:50%;left:0;translate:0 -50%;font-size:1.5rem}.card-buttons button.addright[data-v-2d5edf5c]{left:unset;right:0}.altlabel[data-v-2d5edf5c]{position:absolute;z-index:3;display:none;bottom:.25rem;left:50%;translate:-50% 0;padding:.25rem;background:#fff;font-size:.8rem;width:80%;text-align:center;pointer-events:none;cursor:default}.empty:hover .card-buttons[data-v-2d5edf5c],.card:hover .card-buttons[data-v-2d5edf5c]{display:flex}.empty:hover .altlabel[data-v-2d5edf5c],.card:hover .altlabel[data-v-2d5edf5c]{display:block}.page[data-v-36682ef8]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1vh;margin:0 auto;height:fit-content;padding:1vh;border-radius:10px;background-color:#333}.page.more[data-v-36682ef8]{grid-template-columns:1fr 1fr 1fr 1fr}@media (min-width: 1200px){.page[data-v-36682ef8]{gap:1vh;padding:2vh;margin:unset;min-height:93vh;min-width:68.7784090909vh}}.binder-wrapper[data-v-70482f71]{position:relative;margin:.5vh 0 0;display:flex;flex-direction:row;justify-content:flex-end}@media (min-width: 1200px){.binder-wrapper[data-v-70482f71]{position:relative;margin:2vh 2vh 0 0;display:flex;flex-direction:row;justify-content:flex-end}}.binder[data-v-70482f71]{display:flex;flex-direction:row;margin:0 auto}@media (min-width: 1200px){.binder[data-v-70482f71]{margin:0}.binder.mobile[data-v-70482f71]{margin:0 auto}}.left-page[data-v-70482f71]{position:relative;z-index:2;transform-origin:center right;backface-visibility:hidden}.left-page.flipping[data-v-70482f71]{z-index:4;animation:left-pageflip-70482f71;animation-duration:.45s;animation-fill-mode:forwards}.right-page[data-v-70482f71]{position:relative;z-index:2;transform-origin:center left;backface-visibility:hidden}.right-page.flipping[data-v-70482f71]{z-index:4;animation:right-pageflip-70482f71;animation-duration:.45s;animation-fill-mode:forwards}@keyframes right-pageflip-70482f71{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes left-pageflip-70482f71{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.backpage[data-v-70482f71]{position:absolute;z-index:0;top:0}.backpage.right[data-v-70482f71]{right:0}.backpage.left[data-v-70482f71]{right:68.7784090909vh}.flip-helper.left .right-page-back[data-v-70482f71],.flip-helper.right .left-page-back[data-v-70482f71]{transform-origin:center center;scale:-1 1}.flip-helper[data-v-70482f71]{position:absolute;top:0;z-index:1}.flip-helper.right[data-v-70482f71]{right:0;transform-origin:center left}.flip-helper.right.flipping[data-v-70482f71]{z-index:3;animation:right-pageflip-70482f71;animation-duration:.45s;animation-fill-mode:forwards}.flip-helper.left[data-v-70482f71]{right:68.7784090909vh;transform-origin:center right}.flip-helper.left.flipping[data-v-70482f71]{z-index:3;animation:left-pageflip-70482f71;animation-duration:.45s;animation-fill-mode:forwards}.interface[data-v-c0566d48]{position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.inside-interface[data-v-c0566d48]{max-height:80svh;width:90vw;padding:1rem;background-color:#095d58;transition:all ease .3s;display:flex;flex-direction:column;gap:1rem;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:100}@media (min-width: 1200px){.inside-interface[data-v-c0566d48]{width:50vw;padding:4rem}}.interface.close[data-v-c0566d48]{max-height:0;padding:0 1rem;overflow:hidden;transition:all ease .3s}.toggler[data-v-c0566d48]{width:100%;text-align:center;margin:.5rem 0}.button[data-v-c157d006]{width:1.25rem;height:1.25rem;position:relative;display:flex;justify-content:center;align-items:center;background:none;border:none;padding:0}.button img[data-v-c157d006]{width:100%;height:100%;object-fit:contain}.button[data-v-c157d006]:before{content:"";width:0;height:0;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 10px 10px #095d58;opacity:.8;z-index:-1}.buttons[data-v-c157d006]{grid-area:pages;margin:auto;gap:.5rem;display:flex;justify-content:center;align-items:center;padding:0 1rem}.buttons button[data-v-c157d006]{padding:.5rem 1rem;border-radius:3rem;border:none}@media (min-width: 1024px){.buttons[data-v-c157d006]{grid-area:bottom;gap:1rem;padding:0}}.interface[data-v-3d246f76]{position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.inside-interface[data-v-3d246f76]{max-height:80svh;width:90vw;background-color:#095d58;transition:all ease .3s;padding:1rem;display:flex;flex-direction:column;gap:1.5em}@media (min-width: 1200px){.inside-interface[data-v-3d246f76]{width:50vw;padding:4rem}}.interface.close[data-v-3d246f76]{max-height:0;padding:0 1rem;overflow:hidden;transition:all ease .3s}button.switcher[data-v-3d246f76]{padding:.2rem;background-color:#fff;width:fit-content;rotate:90deg}.firma{position:fixed;bottom:10px;right:10px;color:#cacaca;opacity:.2;text-decoration:none}.firma:hover{text-decoration:underline;opacity:.5}.username{color:#fde12d}