.oq-pagination{--oq-pagination-font-size: 14px;--oq-pagination-bg-color: var(--oq-fill-color-blank);--oq-pagination-text-color: var(--oq-text-color-primary);--oq-pagination-border-radius: 2px;--oq-pagination-button-color: var(--oq-text-color-primary);--oq-pagination-button-width: 32px;--oq-pagination-button-height: 32px;--oq-pagination-button-disabled-color: var(--oq-text-color-placeholder);--oq-pagination-button-disabled-bg-color: var(--oq-fill-color-blank);--oq-pagination-button-bg-color: var(--oq-fill-color);--oq-pagination-hover-color: var(--oq-color-primary);--oq-pagination-font-size-small: 12px;--oq-pagination-button-width-small: 24px;--oq-pagination-button-height-small: 24px;--oq-pagination-button-width-large: 40px;--oq-pagination-button-height-large: 40px;--oq-pagination-item-gap: 16px;align-items:center;color:var(--oq-pagination-text-color);display:flex;font-size:var(--oq-pagination-font-size);font-weight:400;white-space:nowrap}.oq-pagination .oq-input__inner{-moz-appearance:textfield;text-align:center}.oq-pagination .oq-select{width:128px}.oq-pagination button{align-items:center;background:var(--oq-pagination-bg-color);border:none;border-radius:var(--oq-pagination-border-radius);box-sizing:border-box;color:var(--oq-pagination-button-color);cursor:pointer;display:flex;font-size:var(--oq-pagination-font-size);height:var(--oq-pagination-button-height);justify-content:center;line-height:var(--oq-pagination-button-height);min-width:var(--oq-pagination-button-width);padding:0 4px;text-align:center}.oq-pagination button *{pointer-events:none}.oq-pagination button:focus{outline:none}.oq-pagination button:hover{color:var(--oq-pagination-hover-color)}.oq-pagination button.is-active{color:var(--oq-pagination-hover-color);cursor:default;font-weight:700}.oq-pagination button.is-active.is-disabled{color:var(--oq-text-color-secondary);font-weight:700}.oq-pagination button.is-disabled,.oq-pagination button:disabled{background-color:var(--oq-pagination-button-disabled-bg-color);color:var(--oq-pagination-button-disabled-color);cursor:not-allowed}.oq-pagination button:focus-visible{outline:1px solid var(--oq-pagination-hover-color);outline-offset:-1px}.oq-pagination .btn-next .oq-icon,.oq-pagination .btn-prev .oq-icon{display:block;font-size:12px;font-weight:700;width:inherit}.oq-pagination>.is-first{margin-left:0!important}.oq-pagination>.is-last{margin-right:0!important}.oq-pagination .btn-prev{margin-left:var(--oq-pagination-item-gap)}.oq-pagination__sizes,.oq-pagination__total{color:var(--oq-text-color-regular);font-weight:400;margin-left:var(--oq-pagination-item-gap)}.oq-pagination__total[disabled=true]{color:var(--oq-text-color-placeholder)}.oq-pagination__jump{align-items:center;color:var(--oq-text-color-regular);display:flex;font-weight:400;margin-left:var(--oq-pagination-item-gap)}.oq-pagination__jump[disabled=true]{color:var(--oq-text-color-placeholder)}.oq-pagination__goto{margin-right:8px}.oq-pagination__editor{box-sizing:border-box;text-align:center}.oq-pagination__editor.oq-input{width:56px}.oq-pagination__editor .oq-input__inner::-webkit-inner-spin-button,.oq-pagination__editor .oq-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.oq-pagination__classifier{margin-left:8px}.oq-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.oq-pagination.is-background .btn-next,.oq-pagination.is-background .btn-prev,.oq-pagination.is-background .oq-pager li{background-color:var(--oq-pagination-button-bg-color);margin:0 4px}.oq-pagination.is-background .btn-next.is-active,.oq-pagination.is-background .btn-prev.is-active,.oq-pagination.is-background .oq-pager li.is-active{background-color:var(--oq-color-primary);color:var(--oq-color-white)}.oq-pagination.is-background .btn-next.is-disabled,.oq-pagination.is-background .btn-next:disabled,.oq-pagination.is-background .btn-prev.is-disabled,.oq-pagination.is-background .btn-prev:disabled,.oq-pagination.is-background .oq-pager li.is-disabled,.oq-pagination.is-background .oq-pager li:disabled{background-color:var(--oq-disabled-bg-color);color:var(--oq-text-color-placeholder)}.oq-pagination.is-background .btn-next.is-disabled.is-active,.oq-pagination.is-background .btn-next:disabled.is-active,.oq-pagination.is-background .btn-prev.is-disabled.is-active,.oq-pagination.is-background .btn-prev:disabled.is-active,.oq-pagination.is-background .oq-pager li.is-disabled.is-active,.oq-pagination.is-background .oq-pager li:disabled.is-active{background-color:var(--oq-fill-color-dark);color:var(--oq-text-color-secondary)}.oq-pagination.is-background .btn-prev{margin-left:var(--oq-pagination-item-gap)}.oq-pagination--small .btn-next,.oq-pagination--small .btn-prev,.oq-pagination--small .oq-pager li{font-size:var(--oq-pagination-font-size-small);height:var(--oq-pagination-button-height-small);line-height:var(--oq-pagination-button-height-small);min-width:var(--oq-pagination-button-width-small)}.oq-pagination--small button,.oq-pagination--small span:not([class*=suffix]){font-size:var(--oq-pagination-font-size-small)}.oq-pagination--small .oq-select{width:100px}.oq-pagination--large .btn-next,.oq-pagination--large .btn-prev,.oq-pagination--large .oq-pager li{height:var(--oq-pagination-button-height-large);line-height:var(--oq-pagination-button-height-large);min-width:var(--oq-pagination-button-width-large)}.oq-pagination--large .oq-select .oq-input{width:160px}.oq-pager{align-items:center;display:flex;font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.oq-pager li{align-items:center;background:var(--oq-pagination-bg-color);border:none;border-radius:var(--oq-pagination-border-radius);box-sizing:border-box;color:var(--oq-pagination-button-color);cursor:pointer;display:flex;font-size:var(--oq-pagination-font-size);height:var(--oq-pagination-button-height);justify-content:center;line-height:var(--oq-pagination-button-height);min-width:var(--oq-pagination-button-width);padding:0 4px;text-align:center}.oq-pager li *{pointer-events:none}.oq-pager li:focus{outline:none}.oq-pager li:hover{color:var(--oq-pagination-hover-color)}.oq-pager li.is-active{color:var(--oq-pagination-hover-color);cursor:default;font-weight:700}.oq-pager li.is-active.is-disabled{color:var(--oq-text-color-secondary);font-weight:700}.oq-pager li.is-disabled,.oq-pager li:disabled{background-color:var(--oq-pagination-button-disabled-bg-color);color:var(--oq-pagination-button-disabled-color);cursor:not-allowed}.oq-pager li:focus-visible{outline:1px solid var(--oq-pagination-hover-color);outline-offset:-1px}.oq-pagination.is-background .btn-next,.oq-pagination.is-background .btn-prev,.oq-pagination.is-background .oq-pager li{background:#f5f5f8;border-radius:8px;height:40px;width:40px}.oq-pagination.is-background .btn-next.is-active,.oq-pagination.is-background .btn-prev.is-active,.oq-pagination.is-background .oq-pager li.is-active{background-color:#1b1b1c}html.dark .oq-pagination.is-background .btn-next.is-active,html.dark .oq-pagination.is-background .btn-prev.is-active,html.dark .oq-pagination.is-background .oq-pager li.is-active{background-color:#f5f5f8;color:#1b1b1c}html.dark .oq-pagination.is-background .btn-next,html.dark .oq-pagination.is-background .btn-prev,html.dark .oq-pagination.is-background .oq-pager li,.oq-pagination.is-background .btn-next:hover,.oq-pagination.is-background .btn-prev:hover,.oq-pagination.is-background .oq-pager li:hover{background-color:#1b1b1c;color:#f5f5f5}html.dark .oq-pagination.is-background .btn-next:hover,html.dark .oq-pagination.is-background .btn-prev:hover,html.dark .oq-pagination.is-background .oq-pager li:hover{background-color:#f5f5f5;color:#1b1b1c}.oq-pagination button i{background:#1b1b1c;height:20px;width:20px}html.dark .oq-pagination button i{background:#f5f5f5}.oq-pagination button i svg{display:none}.oq-pagination.is-background .btn-prev i{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.707 5.293a1 1 0 0 1 0 1.414L9.414 10l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.707 5.293a1 1 0 0 1 0 1.414L9.414 10l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center}.oq-pagination.is-background .btn-next i{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10 7.293 6.707a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10 7.293 6.707a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center}.oq-pagination button.is-disabled,.oq-pagination button.is-disabled:hover,.oq-pagination button:disabled,.oq-pagination button:disabled:hover{background-color:#f5f5f8!important}html.dark .oq-pagination button.is-disabled,html.dark .oq-pagination button.is-disabled:hover,html.dark .oq-pagination button:disabled,html.dark .oq-pagination button:disabled:hover{background-color:#1b1b1c!important;opacity:.4}.oq-pagination button.is-disabled i,.oq-pagination button.is-disabled:hover i,.oq-pagination button:disabled i,.oq-pagination button:disabled:hover i{background:gray}html.dark .oq-pagination button.is-disabled i,html.dark .oq-pagination button.is-disabled:hover i,html.dark .oq-pagination button:disabled i,html.dark .oq-pagination button:disabled:hover i{background:gray}.oq-pagination button:hover i{background:#fff}html.dark .oq-pagination button:hover i{background:#1b1b1c}@media (max-width:640px){.oq-pagination{display:flex;justify-content:center}.oq-pagination.is-background .btn-next,.oq-pagination.is-background .btn-prev,.oq-pagination.is-background .oq-pager li{border-radius:6px;height:30px;width:30px}.oq-pager li{font-size:12px}.oq-pagination button i{background:#1b1b1c;height:16px;width:16px}}