@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";#topbar{position:fixed;inset:0 0 auto;z-index:100000000;height:50px;padding-right:10px;display:flex;background:var(--back-raised);border-bottom:1px solid var(--back-border)}#topbar>div{display:flex;gap:15px;align-items:center}#topbar>.left{padding-left:15px}#topbar>.left>.search{width:200px;display:flex;align-items:center;gap:5px;border:1px solid var(--prim);border-radius:10px;overflow:hidden}#topbar>.left>.search>input{flex:1;width:100%;padding:5px 8px;font-size:var(--font-size-input)}#topbar>.left>.search>button{display:flex;padding:8px}#topbar>.left>.search>button:hover{background:var(--prim)}#topbar>.left>.search>.tag{margin-left:4px;margin-right:-6px}#topbar>.right{flex:1;justify-content:right;gap:5px}.mobile #topbar>.left{flex:1}.mobile #topbar>.left>.search{flex:1;width:unset}.mobile #topbar>.right{flex:unset;margin-left:10px}.button{display:flex;align-items:center;padding:8px;gap:10px;border-radius:10px;font-size:var(--font-size-button)}.button:disabled{opacity:50%;cursor:not-allowed}.button:not(:disabled):hover{background:var(--flat-hover)}.button:not(:disabled):active{background:transparen}.button.variant-accent{background:var(--accent);color:var(--text-on-light);font-weight:700}.button.variant-accent:not(:disabled):hover{background:var(--accent-hover)}.button.variant-accent:not(:disabled):active{background:var(--accent)}.button.variant-danger{background:var(--danger);color:var(--text-on-light);font-weight:700}.button.variant-danger:not(:disabled):hover{background:var(--danger-hover)}.button.variant-danger:not(:disabled):active{background:var(--danger)}.button.variant-filled{background:var(--prim)}.button.centered{justify-content:center}.button.text-button{padding:8px 12px}.button.text-icon-button{padding:8px 12px 8px 8px;margin:2px}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tag{display:flex;align-items:center;padding:5px 10px;gap:5px;background:var(--prim);border-radius:15px;font-size:var(--font-size-medium)}.tag>button{display:flex;margin-top:2px}.tag.small{padding:4px 7px;font-size:var(--font-size-small-tag);gap:3px;border-radius:8px}.content{flex:1;background-color:var(--back);display:flex;flex-direction:column;gap:5px}.content.wrapped{flex-direction:row;justify-content:center}.content.wrapped>div{display:flex;flex-direction:column;gap:5px;flex:1}:is(.content,.content.wrapped>div)>h1{font-size:var(--font-size-extra-big)}:is(.content,.content.wrapped>div)>p{color:var(--text-dim)}.content-not-found{justify-content:center;align-items:center}.throbber{display:flex}.throbber>svg{animation:spin 1s infinite linear}.gif-preview{position:relative;display:flex;flex-direction:column;border-radius:10px}.gif-preview:hover>footer{opacity:100%}.gif-preview:hover>.hide-button{opacity:100%}.gif-preview.hidden>.img-container>img{filter:blur(8px);transform:scale(1.02)}.gif-preview.deleted{width:200px;height:200px;align-items:center;justify-content:center;background:var(--back-raised);border-radius:10px}.gif-preview>.img-container{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--back-raised);border-radius:10px;overflow:hidden;height:calc(var(--height) / (var(--width) / var(--container-width)))}.gif-preview>.img-container>img{border-radius:10px;height:calc(var(--height) / (var(--width) / var(--container-width)));z-index:10;transition:filter var(--transition-fast),transform var(--transition-fast)}.gif-preview>.img-container>.loading{position:absolute;inset:0}.gif-preview>.hide-button{position:absolute;inset:10px 10px auto auto;z-index:100;opacity:0%;transition:opacity var(--transition-fast)}.gif-preview>footer{position:absolute;inset:auto 0 0;display:flex;padding:8px 10px;border-radius:0 0 10px 10px;font-size:var(--font-size-small);background:var(--shadow-cover);z-index:20;opacity:0;transition:opacity var(--transition-fast)}.gif-list{display:flex;justify-content:center;gap:10px}.gif-list>.column{width:200px;--container-width: 200px;display:flex;flex-direction:column;gap:10px}.gif-list.small>.column{width:150px;--container-width: 150px}.loading{display:flex;justify-content:center;align-items:center}.content-home{overflow-y:auto}.content-home>.loading{flex:1}.content-home>.feed{padding:20px 0}.button.upload{position:fixed;inset:auto 20px 20px auto;padding:12px;z-index:100;border-radius:100%;background:var(--back-raised-higher)}.button.upload:hover{background:var(--back-raised-higher-hover)}.button.upload:active{background:var(--back-raised-higher)}.content-gif{align-items:center;padding:30px 50px;gap:20px!important;overflow-y:auto;width:700px}.content-gif>.img-container{display:flex;justify-content:center;width:700px;height:700px;object-fit:contain;max-width:100%}.content-gif>.img-container>img{border-radius:10px;max-width:100%;object-fit:contain}.content-gif>.metadata{display:flex;flex-direction:column;gap:5px;width:700px;max-width:100%;color:var(--text-dim);font-size:var(--font-size-medium)}.content-gif>.metadata .bold,.content-gif>.metadata h2{color:var(--text)}.content-gif>.metadata h2{font-size:var(--font-size-big)}.content-gif>.metadata>section{display:flex;align-items:center;gap:10px}.content-gif>.metadata>section>svg{margin:-5px}.content-gif>.metadata>section>.right{margin-left:auto}.content-gif>.metadata>section>.buttons{display:flex;gap:5px}.content-gif>.metadata>.tag-list{margin-top:5px}.content-gif>.loading{flex:1}.mobile>.content-gif>.img-container{height:unset}.upload-box{display:flex;gap:7.5px;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:65px;border-radius:10px;padding:50px;border:2px dashed var(--seco);color:var(--seco);font-size:var(--font-size-medium);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.upload-box>p>svg{vertical-align:middle;margin:0 -3px;padding-bottom:2px}.upload-box.dragging,.upload-box:hover{border-color:var(--tert-hover);color:var(--tert-hover)}.content-upload{padding:50px 100px;gap:20px;max-width:900px}.content-upload>.upload-box{width:-webkit-fill-available;width:stretch}.content-upload>.list{display:flex;flex-direction:column;gap:15px}.content-upload>.list>div{display:flex}.content-upload>.list>div>img{width:200px;height:200px;overflow:hidden;object-fit:cover;object-position:center;border-radius:10px}.content-upload>.list>div>main{flex:1;display:flex;flex-direction:column;gap:10px}.content-upload>.list>div>main>span{padding:0 9px;margin-bottom:-5px}.content-upload>.list>div>main>label{display:flex;align-items:center;padding:0 10px;gap:15px}.content-upload>.list>div>main>label>input{flex:1;padding:5px 8px;font-size:var(--font-size-input);border:1px solid var(--prim);border-radius:10px;height:21px}.content-upload>.list>div>main>.tags{display:flex;align-items:center;flex-wrap:wrap;padding:0 10px;gap:5px}.content-upload>.list>div>main>.tags>span{margin-right:10px;margin-bottom:5px}.content-upload>.list>div>main>.tags>input{min-width:100px;max-width:200px;flex:1;padding:5px 8px;font-size:var(--font-size-input);border:1px solid var(--prim);border-radius:10px;height:13px}.content-upload>.list>div>main>.tags>div{display:flex;align-items:center;padding:5px 10px;gap:5px;background:var(--prim);border-radius:15px;font-size:var(--font-size-medium)}.content-upload>.list>div>main>.tags>div>button{display:flex;margin-top:2px}.content-upload>.list>div>main>.tags>div:has(button){padding-right:8px}.content-upload>.list>div>aside{display:flex;flex-direction:column;padding-left:5px;border-left:1px solid var(--back-border)}.mobile .content-upload{padding:50px 25px}.mobile .content-upload>.upload-box>.hint{display:none}.content-user{overflow-y:auto}.content-user>header{height:200px;display:flex;gap:15px;padding:50px 200px}.content-user>header>img{width:150px;height:150px;border-radius:15px}.mobile .content-user>header{padding:50px}.input{padding:5px 8px;font-size:var(--font-size-input);border:1px solid var(--prim);border-radius:10px}.input.spaced{padding:10px;line-height:1.4}.input:is(textarea){font-size:var(--font-size-textarea)}.content-report>div{flex-direction:row!important;align-items:center;max-width:800px;padding:10px;gap:50px!important}.content-report>div>.loading{flex:1}.content-report>div>.gif-preview{max-width:400px;--container-height: 400px}.content-report>div>section{flex:1;display:flex;flex-direction:column;gap:10px!important}.mobile .content-report>div{max-width:min(calc(100vw - 40px),400px);padding:20px;gap:20px!important;flex-direction:column!important}.mobile .content-report>div>.gif-preview{width:-webkit-fill-available;width:stretch;max-width:unset;max-height:600px}.mobile .content-report>div>section{width:100%}.header:not(.no-underline){border-bottom:1px solid var(--prim);padding-bottom:2px}.tabs{display:flex;gap:5px}.tabs>button{flex:1;display:flex;padding:12px 15px;background:var(--back-raised);border:1px solid var(--back-border);border-radius:5px;font-size:var(--font-size-tab);box-shadow:none;transition:box-shadow var(--transition-fast)}.tabs>button.selected{box-shadow:inset 0 32px 0 -30px var(--accent)}.content-admin-home>div{padding:20px;gap:15px!important;max-width:1000px}.content-admin-home>div>.box.limited{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.content-admin-home>div>.box>p{margin:30px 20px;text-align:center;color:var(--text-dim)}.content-admin-home>div>.stats{display:flex;gap:10px}.content-admin-home>div>.stats>div{display:flex;flex-direction:column;padding:20px 25px;gap:10px;background:var(--back-raised);border:1px solid var(--back-border);border-radius:10px}.content-admin-home>div>.stats>div>p{color:var(--text-dim)}.report{display:flex;flex-direction:column;padding:20px;gap:15px;background:var(--back-raised);border:1px solid var(--back-border);border-radius:10px}.report>header{line-height:1.7;margin-left:-5px;gap:10px}.report>header>:not(:last-child){margin-right:6px}.report>main{display:flex;gap:20px}.report>main>.gif-preview{max-width:100px;max-height:100px}.report>main>section{display:flex;flex-direction:column;gap:5px}.report>footer{display:flex;gap:10px}.report-status-tag{padding:5px 10px;gap:5px;background:var(--prim);border-radius:15px;font-size:var(--font-size-medium)}.report-status-tag.open{background:var(--status-open)}.report-status-tag.actioned{background:var(--status-actioned)}.audit-log{display:flex;align-items:center;gap:5px}.audit-log>div{display:flex;align-items:center;gap:5px;min-width:350px}.audit-log>.time{margin-left:auto;font-size:var(--font-size-medium);color:var(--text-dim)}.audit-log .dim{color:var(--text-dim)}:root{--back: #111111;--back-raised: #161616;--back-raised-higher: #212121;--back-raised-higher-hover: #2E2E2E;--flat-hover: #212121;--prim: #2C2C2C;--seco: #3B3B3B;--tert: #434343;--tert-hover: #636363;--danger: #d3493d;--danger-hover: #ed4e40;--status-open: #32962e;--status-actioned: #995e23;--accent: #c6c6c6;--accent-hover: #e0e0e0;--text: #D9D9D9;--text-bright: #FFFFFF;--text-dim: #9C9C9C;--text-dark: #6B6B6B;--text-on-light: #191919;--text-placeholder: #E2E2E23F;--shadow-cover: #000b;--back-border: #2a2a2a;--prim-border: #434343;--link: #8e6fff;--link-visited: #e789f3;--shadow: #0a0a0a45;--shadow-raised: 1px 4px 10px 0px var(--shadow);--transition-fast: .1s;--font-size: 14px;--font-size-medium: 12px;--font-size-small-tag: 11px;--font-size-small: 10px;--font-size-input: 12px;--font-size-button: 13px;--font-size-textarea: 13px;--font-size-big: 20px;--font-size-extra-big: 38px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Liberation Mono", monospace}body{font-family:var(--font-family);font-size:var(--font-size);color:var(--text);background:var(--back);-webkit-user-select:none;user-select:none}*{margin:0;padding:0;background:none;border:none;outline:none;scrollbar-width:auto;scrollbar-color:var(--prim) transparent}a{color:var(--link)}a:visited{color:var(--link-visited)}a.text,a.button{color:inherit;font-weight:inherit;text-decoration:inherit}button,a{cursor:pointer}svg,button,textarea,input{color:inherit;font-size:inherit;font-family:inherit;resize:none}textarea{min-width:unset;min-height:unset;max-width:9999px;max-height:9999px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app>div{position:fixed;inset:0;margin-top:50px;display:flex;justify-content:center}