@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);#shelfListView{height:100%}#shelfContainer{display:flex;flex-flow:column;justify-content:center;height:100%}.shelf-container{position:relative;margin:0 0 35px;width:100%;z-index:-1}.shelf{position:relative;width:100%;flex-grow:2}.shelf .front,.shelf .top{width:100%;position:absolute}.shelf .top{content:"";border-bottom:3px solid;border-left:22px solid transparent;border-right:22px solid transparent;margin-left:0;bottom:-2px}.shelf .front{content:'';height:9px;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}.left-shadow,.mid-shadow,.right-shadow{background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.2))}.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}.mid-shadow{width:10%}.right-shadow-container{overflow:hidden;width:calc(45%)}.right-shadow{width:100%;height:25px;transform:skew(52deg);margin-left:-28px}#shelfNavView{width:100%;height:100%;pointer-events:none}.shelf-nav,.shelf-page-num{pointer-events:all;position:absolute}#shelfNavView div{display:inline-block}.shelf-nav{bottom:calc(50% - 13px);width:26px;height:26px;cursor:pointer;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;bottom:23px;left:0;right:0;text-align:center}.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}.nav-arrow-left,.nav-arrow-right{display:block;width:8px;height:8px}.shelf-page-num .page-bullet.active,.shelf-page-num .page-bullet:hover{opacity:1}.shelf-page-num .page-bullet.last{margin-right:0}.nav-arrow-left{border-bottom:1px solid #6db8c1;border-left:1px solid #6db8c1;-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;-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,.shelf-page{width:100%;height:100%}#shelfView{position:absolute;z-index:300001;display:none}#shelfView.visible{display:block}#shelfListView{position:absolute}.shelf-page{display:flex;flex-direction:column;justify-content:center}.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}