:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;background-color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;background:#292929;color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1600px;margin:0 auto;padding:2rem;text-align:center}.topbar{display:flex;align-items:center;gap:16px;width:fit-content;margin:0 auto}.logo{height:4em;padding:1em;will-change:filter;transition:filter .3s}.logo.everything:hover{filter:drop-shadow(0 0 2em #85fb61aa)}.logo.marvel:hover{filter:drop-shadow(0 0 2em #ff6464aa)}.logo.dc:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.indie:hover{filter:drop-shadow(0 0 2em #6b61fbaa)}.logo.manga:hover{filter:drop-shadow(0 0 2em #fb61a9aa)}.logo.novels:hover{filter:drop-shadow(0 0 2em #61fba1aa)}.logo-button-text{height:4em;background-color:#00000080;border-color:#79797981;height:4.5em;width:7em;margin:0;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.logo-button-text:hover{filter:drop-shadow(0 0 2em #ffffff27)}.series-logo{max-height:50px;min-width:100px;padding:1em;will-change:filter;transition:filter .3s}.grid{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:16px;justify-content:center;margin:0 auto;text-align:center;box-sizing:border-box;padding:16px}.grid-series{display:grid;grid-template-columns:repeat(auto-fill,720px);gap:16px;justify-content:center;margin:0 auto;text-align:center;box-sizing:border-box;padding:16px}.card{height:300px;width:160px;display:flex;flex-direction:column;border:1px solid #5251513b;border-radius:8px;padding:12px;background:#ffffff07}.card-series{height:210px;width:120px;display:flex;flex-direction:column;border:1px solid #525151;border-radius:8px;padding:12px;background:#333}.card-series.available{background:#333}.card-series.PO{background:#515a5c}.card-series.owned-unread{border-color:#4e9c75;border-width:2px}.card-series.owned-read{border-color:#65b161;border-width:2px}.card.title{height:60px;overflow:hidden;padding:0;margin:3px;font-size:.75em;opacity:95%;display:flex;align-items:center;justify-content:center}.card.release{height:30px;width:130px;padding:1px;margin:1px;border:1px solid #ffffff3b;border-radius:8px;display:flex;align-items:center;justify-content:center}.card.creators{height:50px;width:130px;padding:1px;margin:1px 1px 4px;font-size:.7em;border:1px solid #ffffff3b;border-radius:8px;display:flex;align-items:center;justify-content:center}.card.type{height:30px;width:130px;padding:0;margin:0 1px 1px;font-size:.7em;border-color:#0000;background-color:#0000;display:flex;align-items:center;justify-content:center}.card p{overflow:hidden}.card-content{margin-top:auto;padding:12px}.description{color:#bebebe}.series{height:290px;width:700px;border:3px solid #00000023;background-color:#1f1f1f;border-radius:8px;padding:10px}.series-carosel{height:250px;display:flex;overflow-x:auto;border:3px solid #313131;background-color:#242424;padding:10px;border-radius:8px}.carosel-group{display:flex;align-items:center;justify-content:center;gap:.5em}.series-big{height:280px;width:85%;border:3px solid #00000023;background-color:#1f1f1f;border-radius:8px;padding:10px;margin:20px}.grid-series-giant{display:grid;grid-template-columns:repeat(auto-fill,790px);gap:16px;justify-content:center;margin:0 auto;text-align:center;box-sizing:border-box;padding:16px}.series-giant{height:600px;max-width:auto;border:3px solid #ffffff4b;background-color:#eeeeee1c;border-radius:8px;padding:10px;margin:10px}.series-carosel-giant{height:450px;display:grid;overflow-y:auto;overflow-x:hidden;border:3px solid #00000018;background-color:#22222259;padding:10px;border-radius:8px}.carosel-group-giant{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:.5em}.series-progress{flex-grow:1;width:100%;height:14px;margin:3px;border-radius:50%;background-color:transparent;position:relative;box-sizing:border-box}.series-progress:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:14px;border-radius:50%;box-sizing:border-box;background:#27b870}.progress{font-family:sans-serif;font-weight:700;font-size:small;color:#1b1b1b;height:16px;width:650px;background-color:#acabab;border-radius:8px;overflow:hidden}.progress div{height:100%;width:40%;background-color:#33b827}.progress-container{position:relative;width:300px;height:30px;border-radius:6px;overflow:hidden;background:transparent}.progress-container div{position:absolute;top:0;left:0;height:100%;border:2px solid;box-sizing:border-box;border-radius:6px}.card-progress{font-family:sans-serif;font-weight:700;font-size:small;color:#1b1b1b;position:relative;height:30px;width:100%;border-color:#ecececd3;border-radius:8px;background-color:#0000;overflow:hidden}.card-progress:hover{font-family:sans-serif;font-weight:700;font-size:small;color:#7c7c7c;background-color:#0000}.card-progress div{position:absolute;top:0;left:0;height:100%;border:2px solid;box-sizing:border-box;border-radius:8px;border-color:#0000006b}.progress-background{width:100%;background-color:gray}.progress-owned{background-color:#529dda}.progress-read{background-color:#29d629}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#000000b7;pointer-events:none}.priority-button{opacity:1;background:#1a1a1a;color:#fff;height:35px;width:23px;padding:0;margin:1px}.priority-button.active{opacity:1;background:#777676}.hide-button.true{padding:0;margin:.02;opacity:1;background:#3d3d3d;border-radius:8px;border-color:#77767696}.hide-button.false{padding:0;margin:.02;opacity:1;background:#777676}.modal-region{all:unset;top:0;left:0;position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.modalBackground{width:100vw;height:100vh;background-color:#00000042;position:fixed;display:flex;justify-content:center;align-items:center}.modalBackground:hover{background-color:#00000042;border-color:#0000}.thumbnail{height:200px;margin:0 auto;text-align:center;padding:0;object-fit:contain;background:#eeeeee3b;flex-shrink:0}.thumbnail-hover{height:280px;margin:-20px;text-align:center;padding:0;object-fit:center;background:#eeeeee3b;flex-shrink:0;--page-strength-Y: 1;--page-strength-X: 1;--spine-width: 1;--back-page-color: rgb(255, 0, 119);border-radius:6px;box-shadow:calc(1px * var(--page-strength-Y)) calc(1px * var(--page-strength-X)) 0 #dbdbdb,calc(2px * var(--page-strength-Y)) calc(2px * var(--page-strength-X)) 0 #e7e7e7,calc(3px * var(--page-strength-Y)) calc(3px * var(--page-strength-X)) 0 #dbdbdb,calc(4px * var(--page-strength-Y)) calc(4px * var(--page-strength-X)) 0 #dadada,calc(5px * var(--page-strength-Y)) calc(5px * var(--page-strength-X)) 0 #dbdbdb,calc(6px * var(--page-strength-Y)) calc(6px * var(--page-strength-X)) 0 #ccc,calc(7px * var(--page-strength-Y)) calc(7px * var(--page-strength-X)) 0 #dbdbdb,calc(8px * var(--page-strength-Y)) calc(8px * var(--page-strength-X)) 0 #ddd,calc(9px * var(--page-strength-Y)) calc(9px * var(--page-strength-X)) 0 #e6e6e6,calc(10px * var(--page-strength-Y)) calc(10px * var(--page-strength-X)) 0 #cfcfcf,calc(11px * var(--page-strength-Y)) calc(11px * var(--page-strength-X)) 0 #c5c5c5,calc(13px * var(--page-strength-Y)) calc(13px * var(--page-strength-X)) 0 var(--back-page-color),0 0 50px #ffffff40}.thumbnail-floppy-hover{height:280px;margin:0 auto;text-align:center;padding:0;object-fit:contain;background:#eeeeee3b;flex-shrink:0;--page-strength-Y: 1;--page-strength-X: 1;--back-page-color: rgb(255, 0, 119);border-radius:6px;box-shadow:calc(2px * var(--page-strength-Y)) calc(2px * var(--page-strength-X)) 0 #e7e7e7,calc(4px * var(--page-strength-Y)) calc(4px * var(--page-strength-X)) 0 #dadada,calc(6px * var(--page-strength-Y)) calc(6px * var(--page-strength-X)) 0 #ccc,calc(8px * var(--page-strength-Y)) calc(8px * var(--page-strength-X)) 0 #ddd,calc(10px * var(--page-strength-Y)) calc(10px * var(--page-strength-X)) 0 #cfcfcf,0 0 50px #ffffff40}.thumbnail-shading{content:"";position:absolute;right:0;top:0;width:8px;height:100%;background:linear-gradient(to left,#00000026,#fff6);pointer-events:none}.thumbnail-series{max-height:190px;max-width:110px;margin:0 auto;text-align:center;padding:0;object-fit:stretch;background:#eeeeee3b;flex-shrink:0}.button{display:inline-block;padding:.5em}.price-button{flex:1;max-width:100%;display:inline-block;padding:4px 10px;border-radius:6px;background:#1b1b1b;color:#fff;font-size:13px;text-decoration:none;text-align:center;margin:2px}.price-button:hover{border:1px solid #525151;border-color:#646cff;background:#292929;color:#fff}.price-button.own{background:#33b827}.price-button.own:hover{border-color:#fafafa;background:#63cf4d}.price-button.available{background:#347aa8}.price-button.available:hover{border-color:#fafafa;background:#4190d1}.price-button.PO{background:#2ea9b9;width:40px}.price-button.PO:hover{border-color:#fafafa;background:#2ea9b9}.price-button.out-of-print{background:#a34e4e}.price-button.out-of-print:hover{border-color:#fafafa;background:#a34e89}.price-button.TBA{background:#8a5950}.price-button.TBA:hover{border-color:#fafafa;background:#a34e89}.price-button.unread{background:#44596b}.price-button.unread:hover{border-color:#fafafa;background:#4190d1}.price-button.partial{background:#737552}.price-button.partial:hover{border-color:#fafafa;background:#b6bd5f}.price-button.read{background:#33b827}.price-button.read:hover{border-color:#fafafa;background:#63cf4d}.price-button.virtual{background:#27b870}.price-button.virtual:hover{border-color:#fafafa;background:#4dcf74}.price-button.owned-read{background:#33b827}.price-button.owned-read:hover{border-color:#fafafa;background:#63cf4d}.price-button.owned-unread{background:#27b870}.price-button.owned-unread:hover{border-color:#fafafa;background:#4dcf74}.shop-logo{height:14px;width:14px;margin:0 3px 0 0}.segmented-card-progress{display:flex;align-items:center;gap:5px;width:100%;padding:4%;margin:5px;text-decoration:none;border-radius:3px;border-color:#696969;background-color:#00000036}.progress-segments{display:flex;flex:1;height:20px;gap:1px;min-width:2px}.segment{flex:1;height:100%}.segment-unowned{background:#555}.segment-owned{background:#2f6bff}.segment-read{background:#2ecc71}.segment-abandoned{background:#c55252}.segment-progress-text{white-space:nowrap;font-size:12px;color:#fff}.grid-series-category{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,750px));gap:10px;justify-content:center;margin:0 auto;text-align:center;box-sizing:border-box;padding:16px}.series-category{max-height:600px;max-width:auto;border:3px solid #ffffff4b;background-color:#eeeeee1c;border-radius:8px;padding:10px}.series-category-carosel{min-height:10px;max-height:450px;display:grid;overflow-y:auto;overflow-x:hidden;border:3px solid #00000018;background-color:#22222259;padding:10px;border-radius:8px}.carosel-category-group-giant{display:grid;grid-template-columns:repeat(auto-fill,130px);gap:.5em}.series-category-logo{max-height:40px;min-width:100px;padding:1.5em;will-change:filter;transition:filter .3s}.modal{position:fixed;display:flex;width:82vw;height:90vh}.series-browse{height:600px;max-width:auto;border:3px solid #797979;background-color:#525252;border-radius:8px;padding:10px;margin:10px;width:100%;height:100%;box-shadow:#00000059 0 5px 15px}.grid-series-browse{display:grid;grid-template-columns:repeat(auto-fill,790px);gap:16px;justify-content:center;margin:0 auto;text-align:center;box-sizing:border-box;padding:16px}.series-carosel-browse{height:700px;display:grid;overflow-y:auto;overflow-x:hidden;border:3px solid #00000018;background-color:#22222259;padding:10px;border-radius:8px}.carosel-group-browse{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:.5em;height:auto}