:root{--bg:#242424;--fg:#e3ece7;--shade:#171717bf;--chitin:#242424;--mane:#0f546c;--red:#ff2424;--green:#63ff2f;--blue:#18aeff;--yellow:yellow}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400;position:relative}body{min-height:100vh;color:var(--fg);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}svg.w-5{width:20px}svg.h-5{height:20px}#app{width:min(100%,1800px);min-height:100vh;margin:0 auto;padding:0;font-weight:400}header{max-height:100vh;line-height:1.5}.logo{margin:1rem auto auto;display:block}a,.green{color:#00bd7e;text-decoration:none;transition:all .4s}@media (hover:hover){a:not([class]):hover{background-color:#00bd7e33}}nav{text-align:center;width:100%;font-size:12px}nav a.router-link-exact-active{color:var(--fg)}nav a.router-link-exact-active:hover{background-color:#0000}nav a{padding:0 1rem;display:inline-block}nav a:first-of-type{border:0}main{flex:1}footer{margin-bottom:5rem}@media (width>=1024px){body{place-items:center;display:flex}#app{flex-direction:column;padding:2rem 2rem 5rem;display:flex}header{padding-right:calc(var(--section-gap) / 2);place-items:center;display:flex}header .wrapper{flex-wrap:wrap;place-items:flex-start;display:flex}.logo{margin:0 2rem 0 0}nav{text-align:left;margin-left:-1rem;padding:1rem 0;font-size:1rem}}.backdrop[data-v-6477358d]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.body[data-v-6477358d]{background-color:var(--bg);box-shadow:2px 2px 1rem 2px var(--shade), 0 0 .5rem 0 var(--shade);flex-direction:column;gap:.5rem;padding:1rem;display:flex}button[data-v-6c7ff98c]{background-color:var(--mane);box-shadow:0 0 .5rem 2px var(--shade);color:var(--fg);cursor:pointer;border:#00000080;padding:.5rem;position:relative}button[data-v-6c7ff98c]:hover{transform:scale(1.1)}button .check[data-v-6c7ff98c]{width:40%;position:absolute;bottom:3px;right:3px}.search[data-v-93fe46dc]{z-index:2;background-color:var(--shade);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-flow:wrap;justify-content:center;gap:1rem;width:100%;padding:1rem;display:flex;position:fixed;bottom:0;left:0}.saved-btn[data-v-93fe46dc]{position:relative}.saved-btn .number[data-v-93fe46dc]{position:absolute;bottom:2px;right:2px}.search-btn[data-v-93fe46dc],.saved-btn[data-v-93fe46dc]{aspect-ratio:1;cursor:pointer;height:40px}.search-btn[data-v-93fe46dc]:hover,.saved-btn[data-v-93fe46dc]:hover{transform:scale(1.1)}.search-btn svg[data-v-93fe46dc],.saved-btn svg[data-v-93fe46dc]{aspect-ratio:1;height:100%}.search-field[data-v-93fe46dc]{flex-grow:1}select[data-v-93fe46dc],.search-field[data-v-93fe46dc],.search-btn[data-v-93fe46dc],.saved-btn[data-v-93fe46dc]{background-color:var(--mane);box-shadow:0 0 .5rem 2px var(--shade);color:var(--fg);cursor:pointer;border:#00000080;padding:.5rem}#drawer[data-v-226b10b0]{background-color:var(--shade);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;flex-direction:column;gap:.5rem;min-width:200px;max-width:500px;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0}#drawer[data-v-226b10b0]>*{background-color:var(--shade);padding:.5rem}.stats[data-v-226b10b0]{justify-content:space-around;gap:.5rem;width:100%;display:flex}.stats .count[data-v-226b10b0]{align-items:center;gap:.25rem;display:flex}.stats .count svg[data-v-226b10b0]{height:16px}.stats .count.upvotes[data-v-226b10b0]{color:var(--green)}.stats .count.downvotes[data-v-226b10b0]{color:var(--red)}.stats .count.score[data-v-226b10b0]{color:var(--blue)}.stats .count.faves[data-v-226b10b0]{color:var(--yellow)}#tags[data-v-226b10b0]{flex-wrap:wrap;gap:.5rem;display:flex}#tags>.tag[data-v-226b10b0]{background-color:var(--mane);border-radius:.5rem;width:auto;padding:.1rem .5rem}#tags>.tag.artist[data-v-226b10b0]{background-color:#652c62}.action[data-v-c8d71cc9]{z-index:100;opacity:0;padding:1rem;font-size:5rem;transition:opacity .3s ease-in-out;position:fixed;top:1rem;left:1rem}.action .icon[data-v-c8d71cc9]{filter:drop-shadow(0 0 5px #000);width:100px;height:100px;display:block}.action.shown[data-v-c8d71cc9]{opacity:1}#quick-view[data-v-96ad17d4]{z-index:99;cursor:none;background-color:var(--bg);border:1px solid var(--chitin);position:fixed;inset:0}#quick-view[data-v-96ad17d4]:focus{border-color:var(--mane)}#quick-view.show-cursor[data-v-96ad17d4]{cursor:default}.media[data-v-96ad17d4]{object-fit:contain;width:100%;height:100%}.buttons[data-v-96ad17d4]{z-index:100;flex-direction:column;gap:.25rem;padding:.25rem;transition:margin-bottom .1s ease-in-out;display:flex;position:fixed;bottom:0}@media screen and (width<=700px){.buttons[data-v-96ad17d4]{flex-direction:row-reverse}}.buttons.left[data-v-96ad17d4]{left:0}.buttons.right[data-v-96ad17d4]{right:0}.buttons .button[data-v-96ad17d4]{--opacity:.2;background-color:var(--shade);color:var(--fg);width:48px;height:48px;opacity:var(--opacity);cursor:pointer;border:none;padding:.5rem;transition:opacity .1s ease-in-out}.buttons .button[data-v-96ad17d4]:hover{opacity:.9}.buttons .button.close[data-v-96ad17d4]{background-color:var(--red)}@keyframes fade-in-96ad17d4{0%{opacity:1}50%{opacity:1}to{opacity:var(--opacity)}}.thumb[data-v-424403a4]{--check-bg:#ffffff1e;--bg-size:20px;--hover-scale:1.1;cursor:pointer;background:repeating-conic-gradient(var(--check-bg) 0% 25%, transparent 0% 50%) 50%/var(--bg-size) var(--bg-size);background-position:50%;width:100%;height:100%;transition:all .1s ease-in-out,background-size .2s ease-in-out;position:relative}.thumb[data-v-424403a4]:hover{transform:scale(var(--hover-scale));transform-origin:50%;background-size:calc(var(--bg-size) * .8) calc(var(--bg-size) * .8)}.thumb:hover .stats[data-v-424403a4],.thumb:hover .details[data-v-424403a4]{opacity:1}.img[data-v-424403a4]{object-fit:cover;object-position:center;width:100%;height:100%}.details[data-v-424403a4]{padding:0 .5rem .2rem;top:0;width:auto!important;bottom:auto!important}.stats[data-v-424403a4],.details[data-v-424403a4]{opacity:0;background-color:var(--shade);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:space-around;width:100%;transition:all .1s ease-in-out;display:flex;position:absolute;bottom:0;left:0}.stats .count[data-v-424403a4],.details .count[data-v-424403a4]{align-items:center;gap:.25rem;display:flex}.stats .count svg[data-v-424403a4],.details .count svg[data-v-424403a4]{height:16px}.stats .count.upvotes[data-v-424403a4],.details .count.upvotes[data-v-424403a4]{color:var(--green)}.stats .count.downvotes[data-v-424403a4],.details .count.downvotes[data-v-424403a4]{color:var(--red)}.stats .count.score[data-v-424403a4],.details .count.score[data-v-424403a4]{color:var(--blue)}.stats .count.faves[data-v-424403a4],.details .count.faves[data-v-424403a4]{color:var(--yellow)}.images[data-v-1c74b813]{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));justify-content:center;gap:min(1rem,1vw);display:grid}.thumb[data-v-1c74b813]{aspect-ratio:1}.loader[data-v-1c74b813]{background:linear-gradient(90deg, #0000 0%, #0000 55%, var(--green) 60%, var(--green) 90%, #0000 95%, #0000 100%);background-position-x:0;background-size:200%;width:100%;height:.25rem;animation:1s ease-in-out infinite indeterminate-progress-bar-1c74b813;position:fixed;top:0;left:0}@keyframes indeterminate-progress-bar-1c74b813{0%{background-position-x:100%}to{background-position-x:-100%}}.saved[data-v-d7bea759]{scrollbar-gutter:both-edges stable;max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.saved-entry[data-v-d7bea759]{padding:.1rem .5rem}.saved-entry[data-v-d7bea759]:hover{background-color:#ffffff12}.saved-link[data-v-d7bea759]{display:block}.saved-link[data-v-d7bea759]:visited{color:#fff;border:1px solid red}.saved-link .id[data-v-d7bea759]{letter-spacing:.1rem;margin-left:.2rem;font-family:monospace;font-weight:700}.clear[data-v-d7bea759]{background-color:var(--mane);box-shadow:0 0 .5rem 2px var(--shade);color:var(--fg);cursor:pointer;border:#00000080;padding:.5rem}.clear[data-v-d7bea759]:hover{transform:scale(1.01)}
