.vs-pagination{--vs-pagination-font-size:14px;--vs-pagination-bg-color:rgba(var(--vs-gray-3),1);--vs-pagination-text-color:rgba(var(--vs-text),1);--vs-pagination-border-radius:12px;--vs-pagination-button-color:rgba(var(--vs-text),1);--vs-pagination-button-width:36px;--vs-pagination-button-height:36px;--vs-pagination-button-disabled-color:var(--vs-text-color-placeholder);--vs-pagination-button-disabled-bg-color:var(--vs-gray-3);--vs-pagination-button-bg-color:rgba(var(--vs-fill-color),1);--vs-pagination-button-bg-hover:rgba(var(--vs-gray-4),1);--vs-pagination-hover-color:rgba(var(--vs-primary),1);--vs-pagination-font-size-small:12px;--vs-pagination-button-width-small:24px;--vs-pagination-button-height-small:24px;--vs-pagination-item-gap:16px;--vs-pagination-button-margin:2px;--vs-color:var(--vs-primary);align-items:center;color:var(--vs-pagination-text-color);display:flex;font-weight:400;justify-content:flex-start;white-space:nowrap}.vs-pagination.is-square *{border-radius:0}.vs-pagination.is-circle .btn-next,.vs-pagination.is-circle .btn-prev,.vs-pagination.is-circle .vs-pager button,.vs-pagination.is-circle .vs-pager__aria-active{border-radius:50%}.vs-pagination.is-not-margin .vs-pager button{border-radius:0;margin:0}.vs-pagination.is-not-margin .btn-prev{border-radius:12px 0 0 12px;margin-right:0}.vs-pagination.is-not-margin .btn-next{border-radius:0 12px 12px 0;margin-left:0}.vs-pagination.is-buttons-dotted .btn-next,.vs-pagination.is-buttons-dotted .btn-prev{background:0 0;height:12px;min-width:15px;padding:0;width:15px}.vs-pagination.is-buttons-dotted .btn-next i,.vs-pagination.is-buttons-dotted .btn-prev i{height:6px;width:6px}.vs-pagination.is-buttons-dotted .btn-next i:before,.vs-pagination.is-buttons-dotted .btn-prev i:before{width:1px}.vs-pagination.is-buttons-dotted .btn-next i:after,.vs-pagination.is-buttons-dotted .btn-prev i:after{height:1px}.vs-pagination.is-buttons-dotted .vs-pager>button{height:12px;max-width:12px;min-width:12px;width:12px}.vs-pagination.is-buttons-dotted .vs-pager>button.is-active{transform:scale(1)}.vs-pagination.is-buttons-dotted .vs-pager__aria-active{box-shadow:0 2px 10px rgba(var(--vs-color),.4);height:12px;transform:scale(1);width:12px}.vs-pagination.is-buttons-dotted .vs-pager__aria-active.is-change{transform:scale(1.2)}.vs-pagination .vs-input__original{-moz-appearance:textfield;text-align:center}.vs-pagination .vs-select{--vs-select-min-height:var(--vs-pagination-button-height)}.vs-pagination .vs-select__input{width:128px}.vs-pagination .vs-select__input,.vs-pagination button{font-size:var(--vs-pagination-font-size);height:var(--vs-pagination-button-height);line-height:var(--vs-pagination-button-height)}.vs-pagination button{align-items:center;background:var(--vs-pagination-bg-color);border:none;border-radius:var(--vs-pagination-border-radius);box-sizing:border-box;color:var(--vs-pagination-button-color);cursor:pointer;display:flex;justify-content:center;margin:0 var(--vs-pagination-button-margin);min-width:var(--vs-pagination-button-width);padding:0 4px;text-align:center;transition:var(--vs-transition-ease)}.vs-pagination button *{pointer-events:none}.vs-pagination button:focus{outline:0}.vs-pagination button:hover{background-color:var(--vs-pagination-button-bg-hover)}.vs-pagination button:active{transform:scale(.93)}.vs-pagination button.is-disabled,.vs-pagination button:disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.vs-pagination button:focus-visible{outline:1px solid var(--vs-pagination-hover-color);outline-offset:-1px}.vs-pagination .btn-next .vs-icon,.vs-pagination .btn-prev .vs-icon{display:block;font-size:12px;font-weight:700;width:inherit}.vs-pagination>.is-first{margin-left:0!important}.vs-pagination>.is-last{margin-right:0!important}.vs-pagination .btn-prev{margin-left:var(--vs-pagination-item-gap)}.vs-pagination__progress{background:rgba(var(--vs-gray-3),1);border-radius:10px;bottom:-8px;height:3px;position:absolute;width:100%}.vs-pagination__progress .progress{background:rgba(var(--vs-color),1);border-radius:inherit;height:100%;max-width:100%;position:relative;transition:all .25s ease;width:0}.vs-pagination__sizes,.vs-pagination__total{color:var(--vs-text-color-regular);font-weight:400;margin-left:var(--vs-pagination-item-gap)}.vs-pagination__total[disabled=true]{color:var(--vs-text-color-placeholder)}.vs-pagination__jump{align-items:center;color:var(--vs-text-color-regular);display:flex;font-weight:400;margin-left:var(--vs-pagination-item-gap)}.vs-pagination__jump[disabled=true]{color:var(--vs-text-color-placeholder)}.vs-pagination__goto{margin-right:8px}.vs-pagination__editor{box-sizing:border-box;height:var(--vs-pagination-button-height);line-height:var(--vs-pagination-button-height);text-align:center;width:56px}.vs-pagination__editor::-webkit-inner-spin-button,.vs-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vs-pagination__classifier{margin-left:8px}.vs-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.vs-pagination.is-background .btn-next,.vs-pagination.is-background .btn-prev,.vs-pagination.is-background .vs-pager button{background-color:var(--vs-pagination-button-bg-color);margin:0 4px}.vs-pagination.is-background .btn-next.is-active,.vs-pagination.is-background .btn-prev.is-active,.vs-pagination.is-background .vs-pager button.is-active{background-color:var(--vs-color-primary);color:var(--vs-color-white)}.vs-pagination.is-background .btn-next.is-disabled,.vs-pagination.is-background .btn-next:disabled,.vs-pagination.is-background .btn-prev.is-disabled,.vs-pagination.is-background .btn-prev:disabled,.vs-pagination.is-background .vs-pager button.is-disabled,.vs-pagination.is-background .vs-pager button:disabled{background-color:var(--vs-disabled-bg-color);color:var(--vs-text-color-placeholder)}.vs-pagination.is-background .btn-next.is-disabled.is-active,.vs-pagination.is-background .btn-next:disabled.is-active,.vs-pagination.is-background .btn-prev.is-disabled.is-active,.vs-pagination.is-background .btn-prev:disabled.is-active,.vs-pagination.is-background .vs-pager button.is-disabled.is-active,.vs-pagination.is-background .vs-pager button:disabled.is-active{background-color:var(--vs-fill-color-dark);color:var(--vs-text-color-secondary)}.vs-pagination.is-background .btn-prev{margin-left:var(--vs-pagination-item-gap)}.vs-pagination--small .btn-next,.vs-pagination--small .btn-prev,.vs-pagination--small .vs-pager button{font-size:var(--vs-pagination-font-size-small);height:var(--vs-pagination-button-height-small);line-height:var(--vs-pagination-button-height-small);min-width:var(--vs-pagination-button-width-small)}.vs-pagination--small button,.vs-pagination--small span:not([class*=suffix]){font-size:var(--vs-pagination-font-size-small)}.vs-pagination--small .vs-select{--vs-select-min-height:var(--vs-pagination-button-height)}.vs-pagination--small .vs-select .vs-input{font-size:var(--vs-pagination-font-size-small);height:var(--vs-pagination-button-height-small);line-height:var(--vs-pagination-button-height-small);width:100px}.vs-pager{align-items:center;display:flex;font-size:var(--vs-pagination-font-size);justify-content:flex-start;margin:0;padding:0;position:relative}.vs-pager .is-loading{border-radius:50%;opacity:.5;position:relative}.vs-pager .is-disabled,.vs-pager .is-loading{pointer-events:none;-webkit-user-select:none;user-select:none}.vs-pager .is-disabled{opacity:.4}.vs-pager__aria-active{align-items:center;background-color:rgba(var(--vs-color),1);border-radius:var(--vs-pagination-border-radius);box-shadow:0 5px 20px rgba(var(--vs-color),.3);color:#fff;cursor:default;display:flex;font-size:inherit;height:var(--vs-pagination-button-height);justify-content:center;position:absolute;transition:var(--vs-transition-ease);width:var(--vs-pagination-button-width);z-index:100}.vs-pager__aria-active:active{transform:scale(1.05)}.vs-pager__aria-active.is-change{transform:scale(1.1)}.vs-pager .more{position:relative}.vs-pager .more span{opacity:1;transition:var(--vs-transition-ease);visibility:visible}.vs-pager .more svg{left:50%;opacity:0;position:absolute;top:50%;transition:var(--vs-transition-ease);visibility:hidden}.vs-pager .more.btn-quickprev svg{transform:translate(calc(-50% + 4px),-50%)}.vs-pager .more.btn-quicknext svg{transform:translate(calc(-50% - 4px),-50%)}.vs-pager .more:hover svg{opacity:1;transform:translate(-50%,-50%);visibility:visible}.vs-pager .more:hover span{opacity:0;visibility:hidden}@keyframes pager-rotate{to{transform:rotate(1turn)}}