.ads-item .ads-borded{border-bottom:1px solid #c6c6c6;min-height:calc(340/var(--fontsize-base)*1rem);height:-moz-fit-content;height:fit-content;margin:calc(20/var(--fontsize-base)*1rem) 0}.ads-item .ads-borded-title{color:#999;font-size:calc(18/var(--fontsize-base)*1rem);font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;text-align:center;color:#bdbdbd;margin:calc(20/var(--fontsize-base)*1rem) 0}.ads-item .ads-borded-title:after,.ads-item .ads-borded-title:before{content:"";flex:1;border-bottom:1px solid #c6c6c6}.ads-item .ads-borded-title:before{margin-right:calc(15/var(--fontsize-base)*1rem)}.ads-item .ads-borded-title:after{margin-left:calc(15/var(--fontsize-base)*1rem)}.ad-inside-masonry{background:#f0f0f0;border-radius:calc(20/var(--fontsize-base)*1rem);margin:0 0 calc(20/var(--fontsize-base)*1rem) calc(20/var(--fontsize-base)*1rem);display:block;flex:1 1 calc(200/var(--fontsize-base)*1rem);position:relative;cursor:pointer}.admasonry-item{width:100%!important;overflow:hidden}.ads-insert-full{width:100%}.detect_deviece_desktop .ad-full-screen-row,.detect_deviece_pc .ad-full-screen-row{position:absolute;bottom:calc(40/var(--fontsize-base)*1rem);width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem);left:0;right:0;margin:auto}.detect_deviece_desktop .pc_padding,.detect_deviece_pc .pc_padding{margin:0 auto;padding:calc(16/var(--fontsize-base)*1rem) calc(180/var(--fontsize-base)*1rem);box-sizing:border-box}.detect_deviece_desktop .ad-width-100,.detect_deviece_pc .ad-width-100{width:100%}.detect_deviece_desktop .ads-insert-max,.detect_deviece_pc .ads-insert-max{width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem)}.detect_deviece_mobile .ads-order{order:3}.detect_deviece_mobile .m_padding{padding:0 calc(16/var(--fontsize-base)*1rem)}.detect_deviece_mobile .ad-width-100{width:100%;margin:auto}.detect_deviece_mobile .ad-full-screen-row{position:absolute;bottom:calc(40/var(--fontsize-base)*1rem);width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem - 60/var(--fontsize-base)*1rem);left:0;right:0;margin:auto}.detect_deviece_mobile .padding-horizon-40{padding:0 calc(40/var(--fontsize-base)*1rem)}.detect_deviece_mobile .padding-horizon-20{padding:0 calc(20/var(--fontsize-base)*1rem)}.detect_deviece_mobile .ads-insert-max{width:calc(343/var(--fontsize-base)*1rem)}.rankings-conatiner{width:100%;background:#e7f7ff;min-height:100vh}.rankings-page__container{margin:0 auto;background:linear-gradient(180deg,#08f,rgba(0,136,255,0) 20.45%)}.rankings-page__content{display:flex;flex-direction:column;padding:calc(32/var(--fontsize-base)*1rem) calc(180/var(--fontsize-base)*1rem)}.rankings-page__tabs{gap:calc(24/var(--fontsize-base)*1rem);margin-bottom:calc(24/var(--fontsize-base)*1rem);align-items:flex-start}.rankings-page__tab,.rankings-page__tabs{display:flex;flex-direction:row;justify-content:flex-start}.rankings-page__tab{background:#fff;border-radius:calc(12/var(--fontsize-base)*1rem);padding:calc(8/var(--fontsize-base)*1rem);gap:calc(8/var(--fontsize-base)*1rem);align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid transparent;width:calc(160/var(--fontsize-base)*1rem);box-sizing:border-box}.rankings-page__tab-icon-wrapper{background:linear-gradient(180deg,#08f,rgba(0,136,255,.5));border-radius:calc(6/var(--fontsize-base)*1rem);border:1px solid rgba(0,136,255,.5);width:calc(24/var(--fontsize-base)*1rem);height:calc(24/var(--fontsize-base)*1rem);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.rankings-page__tab-icon{width:calc(14/var(--fontsize-base)*1rem);height:calc(14/var(--fontsize-base)*1rem);-o-object-fit:contain;object-fit:contain}.rankings-page__tab-text{font-size:calc(12/var(--fontsize-base)*1rem);line-height:calc(12/var(--fontsize-base)*1rem);font-weight:400;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankings-page__tab:hover{background:hsla(0,0%,100%,.8)}.rankings-page__tab--active{background:#000!important}.rankings-page__tab--active .rankings-page__tab-text{color:#fff;font-weight:700}.rankings-page__list-container{flex:1;width:100%}.rankings-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(100/var(--fontsize-base)*1rem) 0;width:100%}.rankings-page__loading .loader{border:calc(3/var(--fontsize-base)*1rem) solid #f3f3f3;border-top:calc(3/var(--fontsize-base)*1rem) solid #08f;border-radius:50%;width:calc(30/var(--fontsize-base)*1rem);height:calc(30/var(--fontsize-base)*1rem);animation:spin 1s linear infinite;margin-bottom:calc(16/var(--fontsize-base)*1rem)}.rankings-page__loading p{font-size:calc(16/var(--fontsize-base)*1rem);color:#666}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rankings-page__list{display:flex;flex-wrap:wrap;gap:calc(24/var(--fontsize-base)*1rem);width:100%}.rankings-page__book-item{flex:0 0 calc(33.33333% - 48/var(--fontsize-base)*1rem/3);background:#fff;border-radius:calc(12/var(--fontsize-base)*1rem);padding:calc(16/var(--fontsize-base)*1rem);box-sizing:border-box;cursor:pointer;transition:transform .3s ease}.rankings-page__book-item:hover{transform:translateY(calc(-4/var(--fontsize-base)*1rem))}.rankings-page__book-content{display:flex;flex-direction:row;gap:calc(16/var(--fontsize-base)*1rem);align-items:flex-start;justify-content:space-between;height:100%}.rankings-page__book-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:calc(180/var(--fontsize-base)*1rem);padding:calc(4/var(--fontsize-base)*1rem) calc(4/var(--fontsize-base)*1rem) 0;max-width:calc(168/var(--fontsize-base)*1rem)}.rankings-page__book-title-group{display:flex;flex-direction:column;gap:calc(12/var(--fontsize-base)*1rem)}.rankings-page__book-title{color:#000;font-size:calc(16/var(--fontsize-base)*1rem);line-height:calc(20/var(--fontsize-base)*1rem);font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rankings-page__book-author{color:#000;font-size:calc(12/var(--fontsize-base)*1rem);line-height:calc(12/var(--fontsize-base)*1rem);font-weight:400;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankings-page__book-tags{display:flex;flex-direction:column;gap:calc(8/var(--fontsize-base)*1rem);align-items:flex-start}.rankings-page__book-tag{background:rgba(0,136,255,.1);border-radius:calc(100/var(--fontsize-base)*1rem);padding:0 calc(12/var(--fontsize-base)*1rem);height:calc(24/var(--fontsize-base)*1rem);display:flex;align-items:center;justify-content:center;color:#08f;font-size:calc(12/var(--fontsize-base)*1rem);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.rankings-page__book-tag--rating{border-radius:calc(30/var(--fontsize-base)*1rem);gap:calc(4/var(--fontsize-base)*1rem);font-weight:600;font-size:calc(13/var(--fontsize-base)*1rem)}.rankings-page__book-tag--rating img{width:calc(12/var(--fontsize-base)*1rem);height:calc(12/var(--fontsize-base)*1rem)}.rankings-page__book-cover-container{flex-shrink:0;width:calc(120/var(--fontsize-base)*1rem);height:calc(180/var(--fontsize-base)*1rem);position:relative;border-radius:calc(12/var(--fontsize-base)*1rem);overflow:hidden;border:1px solid rgba(0,0,0,.1)}.rankings-page__book-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankings-page__rank-badge{background:#08f;border-radius:0 0 0 calc(12/var(--fontsize-base)*1rem);padding:calc(6/var(--fontsize-base)*1rem) calc(12/var(--fontsize-base)*1rem);display:flex;align-items:center;justify-content:center;height:calc(20/var(--fontsize-base)*1rem);position:absolute;right:0;top:0;z-index:2}.rankings-page__rank-badge span{color:#fff;font-size:calc(12/var(--fontsize-base)*1rem);line-height:calc(12/var(--fontsize-base)*1rem);font-weight:700}.rankings-page__empty{padding:calc(100/var(--fontsize-base)*1rem) 0;text-align:center;color:#666}.category-pagination{display:flex;justify-content:center;align-items:center;gap:calc(16/var(--fontsize-base)*1rem);padding:calc(40/var(--fontsize-base)*1rem) 0}.category-pagination__arrow{cursor:pointer;width:calc(24/var(--fontsize-base)*1rem);height:calc(24/var(--fontsize-base)*1rem);transition:opacity .3s}.category-pagination__arrow.disabled{cursor:not-allowed;opacity:.2}.category-pagination__dots{display:flex;gap:calc(8/var(--fontsize-base)*1rem)}.category-pagination__dot{width:calc(8/var(--fontsize-base)*1rem);height:calc(8/var(--fontsize-base)*1rem);border-radius:50%;background:rgba(0,136,255,.2);cursor:pointer;transition:all .3s}.category-pagination__dot.active{background-color:#08f;transform:scale(1.2)}.detect_deviece_mobile .rankings-page__content{padding:calc(16/var(--fontsize-base)*1rem);padding-right:0}.detect_deviece_mobile .rankings-page__tabs{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:calc(4/var(--fontsize-base)*1rem) 0;margin-bottom:calc(16/var(--fontsize-base)*1rem);width:100%;gap:calc(8/var(--fontsize-base)*1rem)}.detect_deviece_mobile .rankings-page__tabs::-webkit-scrollbar{display:none}.detect_deviece_mobile .rankings-page__tab{flex-shrink:0;width:auto;padding:calc(8/var(--fontsize-base)*1rem) calc(16/var(--fontsize-base)*1rem) calc(8/var(--fontsize-base)*1rem) calc(8/var(--fontsize-base)*1rem);border:1px solid rgba(0,136,255,.5)}.detect_deviece_mobile .rankings-page__tab--active{border-color:#000}.detect_deviece_mobile .rankings-page__list-container{padding-right:calc(16/var(--fontsize-base)*1rem)}.detect_deviece_mobile .rankings-page__list{flex-direction:column;gap:calc(16/var(--fontsize-base)*1rem)}.detect_deviece_mobile .rankings-page__book-item{flex:0 0 auto;width:100%}html{touch-action:manipulation}img{border:0;display:block;width:100%}a,b,body,dd,div,dl,dt,h1,h2,h3,h4,h5,html,i,img,input,li,ol,p,span,textarea,ul{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}a{text-decoration:none;color:#000}dl,ol,ul{list-style:none}button,input,textarea{border:0;-webkit-appearance:none}b,h1,h2,h3,h4,h5{font-weight:400}i{font-style:normal}div,input,textarea{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;-webkit-overflow-scrolling:touch}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.flex-center{display:flex;align-items:center;justify-content:center}