.pagination{gap:4px;margin-top:16px;margin-bottom:16px;list-style:none;padding:0}.pagination,.pagination li{display:flex;justify-content:center;align-items:center}.pagination li{padding:5px 12px 6px;position:relative;overflow:hidden;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgb(75,104,114);color:#fff;border:1px solid rgb(255,255,255);transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none;box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 5px rgba(255,255,255,.5)}.pagination li:active{transform:translateY(0)}.pagination li.current{background:rgb(7,40,51);cursor:default}.pagination li.dots{cursor:default;background:rgb(75,104,114)}.pagination li:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s}.pagination li:hover:after{left:100%;transition:all .6s}@media (max-width:768px){.pagination li{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(75,104,114,.92)}}@media (min-width:768px){.pagination li:hover{background:rgb(90,125,137);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 0 5px rgba(255,255,255,.5);text-shadow:0 0 6px rgba(255,255,255,.5);border-color:rgb(255,255,255)}}