.pagination{border-radius:4px;display:inline-block;margin:20px 0;padding-left:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{background-color:#fff;border:1px solid #ddd;color:var(--primary);float:left;font-size:16px;line-height:1.42857;margin-left:-1px;padding:6px 10px;position:relative;text-decoration:none}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;-ms-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;-o-border-top-left-radius:4px;-ms-border-top-left-radius:4px;-moz-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;-webkit-border-top-left-radius:4px;margin-left:0}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.paging-style-wrap .pagination>.active>a,.paging-style-wrap .pagination>.active>a:focus,.paging-style-wrap .pagination>.active>a:hover,.paging-style-wrap .pagination>.active>span,.paging-style-wrap .pagination>.active>span:focus,.paging-style-wrap .pagination>.active>span:hover{background-color:var(--primary);border-color:var(--primary)}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.paging-style-wrap .pagination>.active>a,.paging-style-wrap .pagination>.active>a:focus,.paging-style-wrap .pagination>.active>a:hover,.paging-style-wrap .pagination>.active>span,.paging-style-wrap .pagination>.active>span:focus,.paging-style-wrap .pagination>.active>span:hover{color:#fff}