@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype')}#shelfListView{height:100%}#shelfContainer{display:flex;flex-flow:column;justify-content:center;height:100%}.shelf-container{position:relative;margin:0 0 35px 0;width:100%;z-index:-1}.shelf{position:relative;width:100%;flex-grow:2}.shelf .top{content:"";width:100%;border-bottom:3px solid;border-left:22px solid transparent;border-right:22px solid transparent;position:absolute;margin-left:0;bottom:-2px}.shelf .front{content:'';height:9px;width:100%;position:absolute;bottom:-11px;left:0;right:0;z-index:1;margin:0}.shelf-item{position:relative}.shelf-item .fsw-simpleloader{overflow:visible}.shelf-item .book-shadow{content:"";display:none;position:absolute;bottom:0;right:-6px;z-index:5;border-right:6px solid transparent;border-top:1px solid #999}.shelf-item:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);top:-2px}.shelf-item:hover .book-shadow{border-top:2px solid #999}.shelf-item.blank{background-color:#fff}.shelf-item.visible .book-shadow{display:block}.shadow-container{width:calc(100% + 44px);height:25px;position:absolute;bottom:-36px;left:0;display:flex}.left-shadow-container{overflow:hidden;width:45%}.left-shadow{width:100%;height:25px;transform:skew(67deg);margin-left:46px;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}.mid-shadow{width:10%;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}.right-shadow-container{overflow:hidden;width:calc(45%)}.right-shadow{width:100%;height:25px;transform:skew(52deg);margin-left:-28px;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype')}#shelfNavView{width:100%;height:100%;pointer-events:none}#shelfNavView div{display:inline-block}.shelf-nav{bottom:calc(50% - 13px);position:absolute;width:26px;height:26px;cursor:pointer;pointer-events:all;opacity:.7;transition:opacity ease-in .15s}.shelf-nav:hover{opacity:1}.shelf-nav:active{opacity:.7}.shelf-nav.left{left:23px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.shelf-nav.right{right:23px}.shelf-nav.disabled{opacity:.1;cursor:default}.shelf-page-num{margin-left:auto;position:absolute;bottom:23px;left:0;right:0;text-align:center;pointer-events:all}.shelf-page-num .page-bullet{display:inline-block;width:10px;height:10px;padding:5px;margin-right:10px;border-radius:5px;background-color:#fff;opacity:.5;cursor:pointer;transition:opacity ease-in .15s}.shelf-page-num .page-bullet.active{opacity:1}.shelf-page-num .page-bullet.last{margin-right:0}.shelf-page-num .page-bullet:hover{opacity:1}.nav-arrow-left{border-bottom:1px solid #6db8c1;border-left:1px solid #6db8c1;display:block;width:8px;height:8px;-webkit-transform:translate(-3px,-4px) rotate(45deg);-moz-transform:translate(-3px,-4px) rotate(45deg);-ms-transform:translate(-3px,-4px) rotate(45deg);-o-transform:translate(-3px,-4px) rotate(45deg);transform:translate(-3px,-4px) rotate(45deg)}.nav-arrow-right{border-top:1px solid #6db8c1;border-right:1px solid #6db8c1;display:block;width:8px;height:8px;-webkit-transform:translate(-5px,-4px) rotate(45deg);-moz-transform:translate(-5px,-4px) rotate(45deg);-ms-transform:translate(-5px,-4px) rotate(45deg);-o-transform:translate(-5px,-4px) rotate(45deg);transform:translate(-5px,-4px) rotate(45deg)}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype')}#shelfListView{height:100%}#shelfContainer{display:flex;flex-flow:column;justify-content:center;height:100%}.shelf-container{position:relative;margin:0 0 35px 0;width:100%;z-index:-1}.shelf{position:relative;width:100%;flex-grow:2}.shelf .top{content:"";width:100%;border-bottom:3px solid;border-left:22px solid transparent;border-right:22px solid transparent;position:absolute;margin-left:0;bottom:-2px}.shelf .front{content:'';height:9px;width:100%;position:absolute;bottom:-11px;left:0;right:0;z-index:1;margin:0}.shelf-item{position:relative}.shelf-item .fsw-simpleloader{overflow:visible}.shelf-item .book-shadow{content:"";display:none;position:absolute;bottom:0;right:-6px;z-index:5;border-right:6px solid transparent;border-top:1px solid #999}.shelf-item:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);top:-2px}.shelf-item:hover .book-shadow{border-top:2px solid #999}.shelf-item.blank{background-color:#fff}.shelf-item.visible .book-shadow{display:block}.shadow-container{width:calc(100% + 44px);height:25px;position:absolute;bottom:-36px;left:0;display:flex}.left-shadow-container{overflow:hidden;width:45%}.left-shadow{width:100%;height:25px;transform:skew(67deg);margin-left:46px;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}.mid-shadow{width:10%;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}.right-shadow-container{overflow:hidden;width:calc(45%)}.right-shadow{width:100%;height:25px;transform:skew(52deg);margin-left:-28px;background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}#shelfNavView{width:100%;height:100%;pointer-events:none}#shelfNavView div{display:inline-block}.shelf-nav{bottom:calc(50% - 13px);position:absolute;width:26px;height:26px;cursor:pointer;pointer-events:all;opacity:.7;transition:opacity ease-in .15s}.shelf-nav:hover{opacity:1}.shelf-nav:active{opacity:.7}.shelf-nav.left{left:23px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.shelf-nav.right{right:23px}.shelf-nav.disabled{opacity:.1;cursor:default}.shelf-page-num{margin-left:auto;position:absolute;bottom:23px;left:0;right:0;text-align:center;pointer-events:all}.shelf-page-num .page-bullet{display:inline-block;width:10px;height:10px;padding:5px;margin-right:10px;border-radius:5px;background-color:#fff;opacity:.5;cursor:pointer;transition:opacity ease-in .15s}.shelf-page-num .page-bullet.active{opacity:1}.shelf-page-num .page-bullet.last{margin-right:0}.shelf-page-num .page-bullet:hover{opacity:1}.nav-arrow-left{border-bottom:1px solid #6db8c1;border-left:1px solid #6db8c1;display:block;width:8px;height:8px;-webkit-transform:translate(-3px,-4px) rotate(45deg);-moz-transform:translate(-3px,-4px) rotate(45deg);-ms-transform:translate(-3px,-4px) rotate(45deg);-o-transform:translate(-3px,-4px) rotate(45deg);transform:translate(-3px,-4px) rotate(45deg)}.nav-arrow-right{border-top:1px solid #6db8c1;border-right:1px solid #6db8c1;display:block;width:8px;height:8px;-webkit-transform:translate(-5px,-4px) rotate(45deg);-moz-transform:translate(-5px,-4px) rotate(45deg);-ms-transform:translate(-5px,-4px) rotate(45deg);-o-transform:translate(-5px,-4px) rotate(45deg);transform:translate(-5px,-4px) rotate(45deg)}#shelfView{position:absolute;z-index:300001;width:100%;height:100%;display:none}#shelfView.visible{display:block}#shelfListView{position:absolute}.shelf-page{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.shelf-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;flex-wrap:wrap}.shelf-item{margin-left:7px;margin-right:8px}