@layer components{.pager-container{z-index:9}.pager-buttons-container{border:1px solid;border-radius:99px;overflow:clip}.pager-list-container{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgb(var(--background-black-rgb),.5);border:1px solid rgb(var(--background-light-gray-rgb),.25);border-radius:5px;bottom:100%;left:50%;max-width:100%;opacity:0;position:absolute;transform:translate(-50%);transition:.5s;visibility:hidden}.pager-header{border-bottom:1px solid rgb(var(--text-white-rgb),.2);padding:.5em}.pager-list{padding:.5rem}.pager-link,.pager-list-switch{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;height:2rem;justify-content:center;position:relative}.pager-link{transition:background .5s,color .5s}.pager-link.active,.pager-list .pager-link:hover{background:rgb(var(--background-light-gray-rgb));color:rgb(var(--text-black-rgb))}.pager-list .pager-link:hover{background:rgb(var(--background-white-rgb))}.pager-link.next,.pager-link.prev,.pager-list-switch{padding:0 1rem}.pager-link.prev{border-right:1px solid}.pager-list .pager-link,.pager-list-switch:after{content:"";height:var(--size);width:var(--size)}.pager-list-switch:before{content:attr(data-current-number)}.pager-list-switch:after{--size:.3rem;border-bottom:1px solid;border-right:1px solid;transform:translateY(-25%) rotate(45deg);transition:.5s}.pager-link.next{border-left:1px solid}.pager-link.next:after,.pager-link.prev:after{content:"";--arrow-base-size:.75rem;background:rgb(var(--text-white-rgb));height:calc(var(--arrow-base-size)/2);width:var(--arrow-base-size);--animation-y:0}.pager-link.prev:after{--scale-x:-1;animation-direction:reverse;animation-timing-function:ease-out;transform:scaleX(-1)}#blogListPagerToggle:checked~.pager-buttons-container .pager-list-switch:after{transform:translateY(25%) rotate(-135deg)}#blogListPagerToggle:checked~.pager-list-container{opacity:1;transform:translate(-50%,-1rem);visibility:visible}.pager-list .pager-link{--size:2rem;border:1px solid;border-radius:50%;display:flex;flex-wrap:wrap;place-content:center}}