.library-detail-rating{position:fixed;bottom:90px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1023px){.library-detail-rating{bottom:135px;right:15px}}.library-detail-rating.hide-block{bottom:-90px;opacity:0}.library-detail-rating .like-btn{position:relative;background-color:#adb1b4;border-radius:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;height:60px;-webkit-transition:width 1s cubic-bezier(.34,1.56,.64,1),padding 1s cubic-bezier(.34,1.56,.64,1);transition:width 1s cubic-bezier(.34,1.56,.64,1),padding 1s cubic-bezier(.34,1.56,.64,1);cursor:pointer;overflow:hidden}@media (max-width:1023px){.library-detail-rating .like-btn{width:45px;height:45px}}.library-detail-rating .like-btn.tooltip{-webkit-animation:shake 2s ease-in-out;animation:shake 2s ease-in-out;-webkit-box-shadow:0 0 15px 10px #08c3dc;box-shadow:0 0 15px 10px #08c3dc}.library-detail-rating .like-btn.active{background-color:#08c3dc}.library-detail-rating .like-btn.animated{width:160px;gap:10px;padding:0 10px;pointer-events:none}.library-detail-rating .like-btn.animated .like-btn__count{width:auto;opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .7s ease .3s,width 0s linear,-webkit-transform .7s ease .3s;transition:opacity .7s ease .3s,width 0s linear,-webkit-transform .7s ease .3s;transition:opacity .7s ease .3s,transform .7s ease .3s,width 0s linear;transition:opacity .7s ease .3s,transform .7s ease .3s,width 0s linear,-webkit-transform .7s ease .3s}.library-detail-rating .like-btn__click{width:30px;height:30px;-webkit-transition:fill .3s;transition:fill .3s;margin-bottom:3px;-ms-flex-negative:0;flex-shrink:0}@media (max-width:1023px){.library-detail-rating .like-btn__click{width:20px;height:20px}}.library-detail-rating .like-btn__click svg{width:30px;height:30px;fill:#fff;-webkit-transition:fill .3s;transition:fill .3s}@media (max-width:1023px){.library-detail-rating .like-btn__click svg{width:20px;height:20px}}.library-detail-rating .like-btn__count{font-size:16px;color:#fff;opacity:0;width:0;visibility:hidden;-webkit-transform:translateX(30px);transform:translateX(30px);-webkit-transition:opacity .7s ease .3s,width 0s linear 1s,-webkit-transform .7s ease .3s;transition:opacity .7s ease .3s,width 0s linear 1s,-webkit-transform .7s ease .3s;transition:opacity .7s ease .3s,transform .7s ease .3s,width 0s linear 1s;transition:opacity .7s ease .3s,transform .7s ease .3s,width 0s linear 1s,-webkit-transform .7s ease .3s}.library-detail-rating .like-btn__count.hide-count{display:none}.library-detail-rating .dislike-btn{background-color:#adb1b4;border-radius:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;width:60px;height:60px;-webkit-transition:all 1s ease;transition:all 1s ease;cursor:pointer}@media (max-width:1023px){.library-detail-rating .like-btn__count{font-size:14px}.library-detail-rating .dislike-btn{width:45px;height:45px}}.library-detail-rating .dislike-btn.active{background-color:#08c3dc}.library-detail-rating .dislike-btn__click{width:30px;height:30px;margin-top:3px}@media (max-width:1023px){.library-detail-rating .dislike-btn__click{width:20px;height:20px}}.library-detail-rating .dislike-btn__click svg{width:30px;height:30px;fill:#fff;-webkit-transition:fill .3s;transition:fill .3s}@media (max-width:1023px){.library-detail-rating .dislike-btn__click svg{width:20px;height:20px}}@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}16.6%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}33.3%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}66.6%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}83.3%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes shake{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}16.6%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}33.3%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}66.6%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}83.3%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}