#top-banner{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#282a2e;border:1px solid #282a2e;padding:.3em .3em 0 .3em;width:calc(100vw - .6em - 2px);display:flex;flex-wrap:nowrap;user-select:none;flex-direction:column}#top-banner form{flex-grow:2;flex-basis:20em;width:100%;display:flex}#top-banner form>*{border-radius:.2em}#top-banner input[type=search]{flex-grow:2}#top-banner span{margin:0 .5em}#options{z-index:101}#options:hover>#opts-bar{visibility:visible}#opts-bar{visibility:hidden;position:fixed;top:2em;right:0;background-color:#282a2e;padding:.4em;width:20em}#opts-bar>*{margin-bottom:.4em}#opts-input{width:calc(100% - .5em)}#progress-bar{width:0;height:100%;background:#81a2be}body{background:#1d1f21;color:#c5c8c6}#browser{display:flex;flex-wrap:wrap;padding-top:1.7em}#browser ::selection,#browser::selection{color:transparent}#browser figure{padding:0;display:flex;margin:2px;position:relative;width:200px;height:200px}#browser figure a{z-index:5;display:flex;width:100%;height:100%}#browser figure input[type=checkbox]{position:absolute;left:0;top:0;z-index:10;margin:.5em;transform:scale(1.5)}#browser img{border-radius:.1em;margin:auto;border-radius:.2em}.background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.2em;opacity:.4}figure.highlight .background{background-color:rgba(129,162,190,.7)}#image-view{position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;display:flex;background:#1d1f21}#image-view::selection{color:transparent}#image-view #media-container{display:flex;height:100%;margin:auto}#image-view #media-container>b,#image-view #media-container>img,#image-view #media-container>video{max-height:100%;max-width:100%;object-fit:contain}#tags{display:flex;flex-direction:column;padding:.2em;overflow-y:auto;max-height:100vh;min-width:16vw;word-break:break-word}#tags::selection{color:transparent}.tag-undefined a{color:#81a2be}.tag-character a{color:#0A0}.tag-author a{color:#A00}.tag-series a{color:#A0A}.tag-rating a{color:#c5c8c6}.tag-meta a{color:#F80}.image-name a{color:#ff4500}.spaced>:before{content:' '}.char-button{font-family:monospace;font-weight:700}a{text-decoration:none!important;color:#81a2be}#import{background:#282a2e;display:grid}#import #submit{width:fit-content}article{margin:.4em}hr{border:none;border-top:1px solid #81a2be;clear:both}.fit-page{display:flex;flex-direction:column;max-height:100vh;margin-top:0;margin-bottom:0}