@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-danger-subtle{font-weight:700}.button.variant-danger-subtle:not(:disabled):hover{background:var(--danger);color:var(--text-on-light)}.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-list>input{min-width:100px;max-width:200px;flex:1;padding:5px 8px;font-size:var(--font-size-medium);border:1px solid var(--prim);border-radius:10px;height:13px}.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;position:fixed;inset:50px 0 auto;height:calc(100vh - 50px);background-color:var(--back);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.content.wrapped>div{display:flex;flex-direction:column;gap:5px;width:100vw;margin-left:auto;margin-right:auto}.content-not-found{justify-content:center;align-items:center}.throbber{display:flex}.throbber>svg{animation:spin 1s infinite linear}.loading{display:flex;justify-content:center;align-items:center}.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(20px);transform:scale(1.05)}.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}.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)}.container{display:flex;flex-direction:column;gap:10px}.container.horizontal{flex-direction:row}.container.horizontal.centered-x{justify-content:center}.container.horizontal.centered-y{align-items:center}.container.vertical{flex-direction:column}.container.vertical.centered-x{align-items:center}.container.vertical.centered-y{justify-content:center}.container:not(.horizontal):not(.vertical).centered-x{align-items:center}.container:not(.horizontal):not(.vertical).centered-y{justify-content:center}.container.no-gap{gap:0}.container.text-gap{gap:4px}.header.underline{border-bottom:1px solid var(--prim);padding-bottom:2px}.mini-header{text-transform:uppercase;font-size:var(--font-size-small)}.mini-header.dim,.text.dim{color:var(--text-dim)}.text.dark{color:var(--text-dark)}.text.bold{font-weight:700}.dot-seperator{background:currentColor;border-radius:100%;width:2px;height:2px;margin:5px;vertical-align:middle}.dot-seperator.no-margin{margin:0}.dot-seperator.container-text-margin{margin:0 -3px -1px}.content-gif>div{width:700px;overflow-y:auto}.content-gif>div>div{align-items:center;padding:30px 50px;gap:20px!important}.content-gif>div>div>.img-container{width:700px;height:700px;object-fit:contain;max-width:100%}.content-gif>div>div>.img-container>img{border-radius:10px;max-width:100%;object-fit:contain}.content-gif>div>div>.metadata{width:800px;max-width:100%;color:var(--text-dim);font-size:var(--font-size-medium)}.content-gif>div>div>.metadata .lighter,.content-gif>div>div>.metadata h2{color:var(--text)}.content-gif>div>div>.metadata>.top>h2{font-size:var(--font-size-big);margin-right:auto}.content-gif>div>div>.metadata>.top>input{flex:1;color:var(--text);padding:0;font-size:var(--font-size-big);font-weight:700;border-bottom:1px solid var(--prim)}.content-gif>div>div>.metadata>.top>.buttons{height:34px}.content-gif>div>div>.metadata>.tag-list{margin-top:10px}.content-gif>div>div>.loading{flex:1}.mobile>.content-gif>div>div>.img-container{height:unset}.mobile>.content-gif>div>div>.metadata>.top{flex-direction:column-reverse}.input{padding:11px 13px;font-size:var(--font-size-input)}.input:not(.flat){border:1px solid var(--back-border);border-radius:10px}.input.spaced{padding:10px;line-height:1.4}.input.smaller{padding:5px 8px;height:21px}.input:is(textarea){font-size:var(--font-size-textarea);padding:11px 13px}.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}.content-upload>.list>div>main>.prop{padding:0 10px;gap:15px}.content-upload>.list>div>main>.prop>:not(:first-child){flex:1}.content-upload>.list>div>main>.tag-list{padding:0 10px}.content-upload>.list>div>main>.tag-list>span{margin-right:10px;margin-bottom:5px}.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;gap:15px;padding:50px 200px}.content-user>header>img{width:150px;height:150px;border-radius:15px}.content-user>header>.container{padding:20px 0}.mobile .content-user>header{padding:50px}.content-report>div{flex:1;flex-direction:row!important;align-items:center;max-width:800px;gap:50px!important}.content-report>div>.loading{flex:1}.content-report>div>.gif-preview{max-width:400px;--container-height: 400px}.content-report>div>.container{flex:1}.content-report>div>.container>.input{flex:1}.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>.container{width:100%}.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{max-width:1000px}.content-admin-home>div>.container{gap:15px;padding:20px}.content-admin-home>div>.container .box.limited{display:flex;flex-direction:column;gap:10px;max-height:575px;overflow-y:auto}.content-admin-home>div>.container>.stats{display:flex;gap:10px}.content-admin-home>div>.container>.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>.container>.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}