:root{--padding-size: 16px;--base-hue: 0;--base-saturation: 0%;--bh: var(--base-hue);--bs: var(--base-saturation);--bhs: var(--base-hue), var(--base-saturation);--outline-style: solid;--outline-width: 1px;--outline-colour: hsl(200, 80%, 40%);--outline: var(--outline-style) var(--outline-width) var(--outline-colour);--danger-colour: hsl(0, 64%, 50%);--warning-colour: hsl(27, 79%, 48%);--success-colour: hsl(111, 89%, 46%);--input-background: hsl(var(--bhs), 12%);--input-focus-background: hsl(var(--bhs), 14%);--input-foreground: hsl(var(--bhs), 100%);--input-padding: calc(var(--padding-size) * 1);--input-hover-background: hsl(var(--bhs), 14%);--input-hover-foreground: var(--input-foreground);--input-border-width: 1px;--input-border-style: solid;--input-border-colour: hsl(var(--bhs), 40%);--input-border-radius: 4px;--input-border: var(--input-border-width) var(--input-border-style) var(--input-border-colour);--input-hover-border-colour: hsl(var(--bhs), 45%);--input-hover-border: var(--input-border-width) var(--input-border-style) var(--input-hover-border-colour);--input-invalid-colour: var(--danger-colour);--input-valid-colour: var(--success-colour);--input-attention-colour: var(--warning-colour);--button-background: hsl(var(--bhs), 15%);--button-focus-background: hsl(var(--bhs), 18%);--button-active-background: hsl(var(--bhs), 30%);--button-foreground: hsl(var(--bhs), 100%);--button-hover-background: hsl(var(--bhs), 18%);--button-hover-foreground: var(--button-foreground);--button-border-width: 1px;--button-border-style: solid;--button-border-colour: hsl(var(--bhs), 40%);--button-border-radius: 4px;--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-colour);--button-hover-border-colour: hsl(var(--bhs), 45%);--button-hover-border: var(--button-border-width) var(--button-border-style) var(--button-hover-border-colour);--adornment-foreground: hsl(var(--bhs), 100%);--adornment-background: none;--adornment-hover-background: hsla(0, 0%, 100%, 0.2);--adornment-active-background: hsla(0, 0%, 100%, 0.35);--form-group-label-weight: normal;--form-group-invalid-colour: var(--danger-colour);--form-group-valid-colour: var(--success-colour);--form-group-attention-colour: var(--warning-colour)}@media(prefers-color-scheme: light){:root{--outline-colour: hsl(200, 90%, 45%);--input-background: hsl(var(--bhs), 95%);--input-focus-background: hsl(var(--bhs), 93%);--input-foreground: hsl(var(--bhs), 10%);--input-hover-background: hsl(var(--bhs), 93%);--input-border-colour: hsl(var(--bhs), 70%);--button-background: hsl(var(--bhs), 90%);--button-focus-background: hsl(var(--bhs), 80%);--button-border-colour: hsl(var(--bhs), 70%);--button-foreground: hsl(var(--bhs), 10%);--button-hover-background: hsl(var(--bhs), 80%);--button-active-background: hsl(var(--bhs), 70%);--button-hover-border-colour: hsl(var(--bhs), 65%);--adornment-foreground: hsl(var(--bhs), 10%);--adornment-hover-background: hsla(0, 0%, 0%, 0.2);--adornment-active-background: hsla(0, 0%, 0%, 0.35)}}:root{--background: hsl(var(--bhs), 12%);--content-background: hsl(var(--bhs), 20%);--colour: #eeeeee;--link-colour: hsl(205, 68%, 70%);--link-colour-hover: hsl(205, 68%, 80%);--link-colour-visited: #bbbbbb;--nav-background: #555555;--nav-colour: var(--colour);--nav-colour-hover: var(--nav-colour);--nav-focus-background: #777777;--nav-active-background: #222222;--filebrowser-hover-background: #333333;--login-form-background: #333333;--player-colour: #eeeeee;--search-background: hsl(var(--bhs), 30%);--search-colour: var(--colour);--font-size: 18px}@media(prefers-color-scheme: light){:root{--background: hsl(var(--bhs), 95%);--colour: #222222;--content-background: #eeeeee;--link-colour: #278080;--link-colour-visited: #5390cb;--nav-background: #cccccc;--nav-colour: var(--colour);--nav-colour-hover: var(--nav-colour);--nav-focus-background: #dddddd;--nav-active-background: #eeeeee;--filebrowser-hover-background: #e7e7e7;--login-form-background: #e7e7e7}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--colour);font-size:var(--font-size)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:var(--link-colour);transition:color .25s linear}a:hover{color:var(--link-colour-hover)}.search-results{margin:calc(var(--padding-size)*1);--tag-background: hsl(0, 0%, 40%);--tag-background-hover: hsl(0, 0%, 45%);--tag-colour: hsl(0, 0%, 90%)}@media(prefers-color-scheme: light){.search-results{--tag-background: hsl(0, 0%, 60%);--tag-background-hover: hsl(0, 0%, 55%);--tag-colour: hsl(0, 0%, 100%)}}.search-results .search-item{display:flex;margin:calc(var(--padding-size)*1) 0;padding:calc(var(--padding-size)*.25);border:1px solid;border-radius:4px;border:1px solid var(--button-border-colour);width:100%}.search-results .search-item:hover{--button-border-colour: var(--button-hover-border-colour)}.search-results .search-item>.item-details{margin:0 calc(var(--padding-size)*1)}.search-results .search-item>.item-details>.item-name,.search-results .search-item>.item-details>.item-author,.search-results .search-item>.item-details>.item-scanlator{margin:calc(var(--padding-size)*.125)}.search-results .search-item>.item-details>.item-author,.search-results .search-item>.item-details>.item-scanlator{font-size:smaller}.search-results .search-item>.item-details>.item-tags{display:flex;flex-direction:row}.search-results .search-item>.item-details>.item-tags .tag{cursor:pointer;appearance:none;margin:calc(var(--padding-size)*.125);display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:var(--tag-colour);vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:var(--tag-background);border:none;border-radius:3px}.search-results .search-item>.item-details>.item-tags .tag:hover{background-color:var(--tag-background-hover)}.search-results .pages{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.search-results .pages>a{padding:calc(var(--padding-size)*.5);min-width:21px;text-align:center}.search-container{margin:calc(var(--padding-size)*2) auto;width:80vw}input[type=text],input[type=search]{appearance:none;border:none;background:var(--input-background);color:var(--input-colour);border:var(--input-border);padding:calc(var(--padding-size)*.5)}.search-area{width:100%;margin:calc(var(--padding-size)*1)}.search-area>.search{width:100%}.tags-list{overflow:auto;max-height:250px;width:100%;padding:0 calc(var(--padding-size)*.5);margin:calc(var(--padding-size)*.5) 0}.tags-list .tag{--tag-h: 251;--tag-s: 0%;--tag-hs: var(--tag-h), var(--tag-s);--tag-background: hsl(var(--tag-hs), 25%);--tag-hover: hsl(var(--tag-hs), 30%);--button-border-colour: hsl(var(--tag-hs), 30%);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-colour);margin:calc(var(--padding-size)*.5);display:inline-block}.tags-list .tag>button{padding:calc(var(--padding-size)*.25);appearance:none;cursor:pointer;border:var(--button-border);background:var(--tag-background);color:var(--colour);font-size:var(--font-size)}.tags-list .tag>button:hover{background:var(--tag-hover)}.tags-list .tag.negative{--tag-h: 0;--tag-s: 82.9%}.tags-list .tag.positive{--tag-h: 120;--tag-s: 81.1%}@media(prefers-color-scheme: light){.tags-list .tag{--tag-h: 251;--tag-s: 0%;--tag-hs: var(--tag-h), var(--tag-s);--tag-background: hsl(var(--tag-hs), 90%);--tag-hover: hsl(var(--tag-hs), 80%);--button-border-colour: hsl(var(--tag-hs), 40%)}}.tag-filter{margin:calc(var(--padding-size)*1)}.tag-filter>.tags-list-toggle{appearance:none;border:var(--button-border);padding:calc(var(--padding-size)*.5 - var(--button-border-width)*1);background:var(--button-background);color:var(--button-foreground);margin-left:calc(var(--padding-size)*1)}.tag-filter>.tags-list-toggle:focus{background:var(--button-focus-background)}.tag-filter>.tags-list-toggle:active{background:var(--button-active-background)}.tag-filter>.tags-list-toggle:hover{border:var(--button-hover-border)}

/*# sourceMappingURL=main.277c9fee7cb2dc18d6ea.css.map*/