.sg-page{--sg-page-font-size:14px;--sg-page-bg-color:var(--sg-color-white);--sg-page-text-color:var(--sg-text-color-primary);--sg-page-border-radius:4px;--sg-page-border-color:#D9D9D9;--sg-page-button-color:var(--sg-text-color-primary);--sg-page-button-width:32px;--sg-page-button-height:32px;--sg-page-button-disabled-color:var(--sg-text-color-placeholder);--sg-page-button-disabled-bg-color:var(--sg-color-white);--sg-page-hover-color:var(--sg-color-primary);--sg-page-height-extra-small:24px;--sg-page-line-height-extra-small:var(--sg-page-height-extra-small);white-space:nowrap;color:var(--sg-page-text-color);font-weight:400;display:flex;align-items:center}.sg-page::after,.sg-page::before{display:table;content:""}.sg-page::after{clear:both}.sg-page button,.sg-page span:not([class*=suffix]){display:flex;justify-content:center;align-items:center;font-size:var(--sg-page-font-size);min-width:var(--sg-page-button-width);height:var(--sg-page-button-height);line-height:var(--sg-page-button-height);border-radius:var(--sg-page-border-radius);box-sizing:border-box}.sg-page .sg-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.sg-page .sg-select .sg-input{width:128px}.sg-page button{border:none;background:0 0}.sg-page button:focus{outline:0}.sg-page button:hover{color:var(--sg-page-hover-color)}.sg-page button:disabled{color:var(--sg-page-button-disabled-color);background-color:var(--sg-page-button-disabled-bg-color);cursor:not-allowed}.sg-page .btn-next,.sg-page .btn-prev{background:center center no-repeat;background-size:16px;background-color:var(--sg-page-bg-color);cursor:pointer;margin:0;color:var(--sg-page-button-color)}.sg-page .btn-next .sg-icon,.sg-page .btn-prev .sg-icon{display:block;font-size:12px;font-weight:700;width:inherit}.sg-page .btn-prev{margin-right:8px}.sg-page .btn-next{margin-left:8px}.sg-page .btn-wrap{display:flex}.sg-page .sg-pager li.disabled{color:var(--sg-text-color-placeholder);cursor:not-allowed}.sg-page--small .btn-next,.sg-page--small .btn-prev,.sg-page--small .sg-pager li,.sg-page--small .sg-pager li.btn-quicknext,.sg-page--small .sg-pager li.btn-quickprev,.sg-page--small .sg-pager li:last-child{font-size:var(--sg-font-size-extra-small);line-height:var(--sg-page-line-height-extra-small);height:var(--sg-page-height-extra-small);min-width:24px}.sg-page--small .arrow.disabled{visibility:hidden}.sg-page--small .more::before,.sg-page--small li.more::before{line-height:var(--sg-page-line-height-extra-small)}.sg-page--small button,.sg-page--small span:not([class*=suffix]){height:var(--sg-page-height-extra-small);line-height:var(--sg-page-line-height-extra-small);font-size:var(--sg-font-size-extra-small)}.sg-page--small .sg-page__editor{height:var(--sg-page-line-height-extra-small)}.sg-page--small .sg-page__editor.sg-input .sg-input__inner{height:var(--sg-page-height-extra-small)}.sg-page--small .sg-input--small,.sg-page--small .sg-input__inner{height:var(--sg-page-height-extra-small)!important;line-height:var(--sg-page-line-height-extra-small)}.sg-page--small .sg-input__suffix{line-height:var(--sg-page-line-height-extra-small)}.sg-page--small .sg-input__suffix .sg-input__suffix-inner{line-height:var(--sg-page-line-height-extra-small)}.sg-page--small .sg-input__suffix .sg-input__suffix-inner i.sg-select__caret{line-height:var(--sg-page-line-height-extra-small)}.sg-page--small .sg-select .sg-input{width:100px}.sg-page__sizes{margin-left:16px;font-weight:400;color:var(--sg-text-color-regular)}.sg-page__sizes.is-first{margin-left:0;margin-right:16px}.sg-page__total{margin-left:16px;font-weight:400;color:var(--sg-text-color-regular)}.sg-page__total.is-first{margin-left:0;margin-right:16px}.sg-page__total[disabled=true]{color:var(--sg-text-color-placeholder)}.sg-page__jump{margin-left:16px;font-weight:400;color:var(--sg-text-color-regular)}.sg-page__jump.is-first{margin-left:0;margin-right:16px}.sg-page__jump .sg-input__inner{padding:0 3px}.sg-page__jump[disabled=true]{color:var(--sg-text-color-placeholder)}.sg-page__editor{line-height:18px;margin:0 8px;height:var(--sg-page-button-height);min-width:56px;text-align:center;box-sizing:border-box;border-radius:var(--sg-page-border-radius)}.sg-page__editor.sg-input{width:50px}.sg-page__editor.sg-input .sg-input__inner{height:var(--sg-page-button-height)}.sg-page__editor .sg-input__inner::-webkit-inner-spin-button,.sg-page__editor .sg-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sg-page__pages{margin-left:16px;font-weight:400;color:var(--sg-text-color-regular)}.sg-page__pages.is-first{margin-left:0;margin-right:16px}.sg-page__pages[disabled=true]{color:var(--sg-text-color-placeholder)}.sg-page__holder{flex:1;min-width:16px}.sg-page--gray{--sg-page-active-color:var(--sg-color-primary)}.sg-page--gray .btn-next,.sg-page--gray .btn-prev,.sg-page--gray .sg-pager li{background-color:#f7f7f7;color:var(--sg-text-color-regular);border:0}.sg-page--gray .btn-next.disabled,.sg-page--gray .btn-prev.disabled,.sg-page--gray .sg-pager li.disabled{color:var(--sg-text-color-placeholder);background-color:var(--sg-disabled-bg-color)}.sg-page--gray .btn-next:disabled,.sg-page--gray .btn-prev:disabled{color:var(--sg-text-color-placeholder);background-color:var(--sg-disabled-bg-color)}.sg-page--gray .btn-next:hover:not([disabled]),.sg-page--gray .btn-prev:hover:not([disabled]){color:var(--sg-page-active-color)}.sg-page--gray .sg-pager li:not(.disabled):hover{color:var(--sg-page-active-color)}.sg-page--gray .sg-pager li:not(.disabled).is-active{background-color:var(--sg-color-primary);color:var(--sg-color-white);border:0;font-weight:700}.sg-page--block{--sg-page-active-color:var(--sg-color-primary)}.sg-page--block .btn-next,.sg-page--block .btn-prev,.sg-page--block .sg-pager li{color:var(--sg-text-color-regular);border:1px solid var(--sg-page-border-color)}.sg-page--block .btn-next.disabled,.sg-page--block .btn-prev.disabled,.sg-page--block .sg-pager li.disabled{color:var(--sg-text-color-placeholder);background-color:var(--sg-disabled-bg-color)}.sg-page--block .btn-next:disabled,.sg-page--block .btn-prev:disabled{color:var(--sg-text-color-placeholder);background-color:var(--sg-disabled-bg-color)}.sg-page--block .btn-next:hover:not([disabled]),.sg-page--block .btn-prev:hover:not([disabled]){color:var(--sg-page-active-color);border:1px solid var(--sg-page-active-color)}.sg-page--block .sg-pager li:not(.disabled):hover{color:var(--sg-page-active-color);border-color:var(--sg-page-active-color)}.sg-page--block .sg-pager li:not(.disabled).is-active{background-color:var(--sg-color-primary);color:var(--sg-color-white);border-color:var(--sg-color-primary);font-weight:700}.sg-page--left{justify-content:start}.sg-page--right{justify-content:end}.sg-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.sg-pager li{background:var(--sg-page-bg-color);display:flex;justify-content:center;align-items:center;font-size:var(--sg-page-font-size);min-width:var(--sg-page-button-width);height:var(--sg-page-button-height);line-height:var(--sg-page-button-height);border-radius:var(--sg-page-border-radius);cursor:pointer;box-sizing:border-box;text-align:center}.sg-pager li.btn-quickprev:hover{cursor:pointer}.sg-pager li.btn-quicknext:hover{cursor:pointer}.sg-pager li.btn-quicknext,.sg-pager li.btn-quickprev{line-height:32px;color:var(--sg-page-button-color)}.sg-pager li.btn-quicknext.disabled,.sg-pager li.btn-quickprev.disabled{color:var(--sg-text-color-placeholder);cursor:not-allowed}.sg-pager li.btn-quicknext svg,.sg-pager li.btn-quickprev svg{pointer-events:none}.sg-pager li:focus-visible{outline:1px solid var(--sg-page-hover-color)}.sg-pager li:hover{color:var(--sg-page-hover-color)}.sg-pager li.is-active{color:var(--sg-page-hover-color);border:1px solid var(--sg-page-hover-color);cursor:default}.sg-pager li:not(:last-of-type){margin-right:8px}.sg-pager+button.btn-next[type=button]{margin-right:0}