@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pager{margin-top:50px}.pager__list{gap:12px}.pager__btn,.pager__list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pager__btn{color:var(--text-prim);height:100%;position:relative;-webkit-transition:color var(--time);transition:color var(--time);width:100%}.pager__btn:before{background-color:var(--bg-accent);border-radius:50%;content:"";display:block;height:52px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(.5);-ms-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:opacity var(--time),-webkit-transform var(--time);transition:opacity var(--time),-webkit-transform var(--time);transition:opacity var(--time),transform var(--time);transition:opacity var(--time),transform var(--time),-webkit-transform var(--time);width:52px;z-index:-1}.pager__item{height:24px;position:relative;-webkit-transition:opacity var(--time);transition:opacity var(--time);width:24px}.pager__item--first .pager__btn,.pager__item--last .pager__btn,.pager__item--next .pager__btn,.pager__item--previous .pager__btn{display:-webkit-box;display:-ms-flexbox;display:flex}.pager__item--first .pager__btn:before,.pager__item--last .pager__btn:before,.pager__item--next .pager__btn:before,.pager__item--previous .pager__btn:before{display:none}.pager__item--first svg,.pager__item--last svg,.pager__item--next svg,.pager__item--previous svg{display:block;height:10px;width:6px}.pager__item--first .pager__btn,.pager__item--previous .pager__btn{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.pager__item.fade{opacity:0}.pager__item.disabled{cursor:none;pointer-events:none}.pager__item.disabled svg{fill:var(--icon-sec)}.pager__item.is-active .pager__btn{color:var(--icon-sec);pointer-events:none}.pager__item.ellipsis{pointer-events:none}@media (hover:hover){.pager__btn:hover{color:#fff}.pager__btn:hover svg{fill:var(--icon-accent)}.pager__btn:hover:before{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}