.bookshelf{display:flex;align-items:flex-end}.book{position:relative}.noise{pointer-events:none;position:absolute;top:0;left:0;filter:grayscale(100%);opacity:.3}.noise-container{filter:url(#noise)}.spine{align-items:center;border-radius:2px;box-shadow:inset 0 0 6px #00000040;box-sizing:border-box;display:flex;font-family:sans-serif;flex-direction:column;justify-content:space-between;overflow:hidden;padding-bottom:4px;text-decoration:none}.spine:hover{opacity:80%}.title{font-weight:700;margin:0;white-space:pre}.subtitle{font-size:calc(120px / 9);margin:0 0 2px}.title-block{margin-right:-2px;text-orientation:sideways;writing-mode:vertical-rl}.meta-block{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.edition{font-size:12px;font-weight:700}.spine-divider{background-color:#000;border-radius:2px;height:4px;margin-bottom:24px;width:40px}.authors{font-size:11px;margin:0 0 4px}.progress-bar-container{position:relative;margin:6px 2px 0;height:4px}.progress-bar-completed{background-color:#00ac63;height:4px;border-radius:2px;position:absolute;top:0;left:0}.progress-bar-total{background-color:#e9e9e9;height:4px;border-radius:2px;position:absolute;top:0;left:0;width:100%}.progress-percentage{color:#262626;font-size:10px;margin-left:2px}