:root{--spinner-size:60px}@keyframes spin{0%{rotate:none}to{rotate:359deg}}.spinner{opacity:0;aspect-ratio:1;transform-origin:7% 0;content-visibility:auto;contain:content;width:auto;height:0;max-height:60%;transition:opacity .15s,height 0s .15s;display:block}.loading .spinner{opacity:1;height:var(--spinner-size);transition-delay:0s;animation:1.1s cubic-bezier(.56,.27,.46,.82) infinite spin}.loading-overlay{position:relative}.loading-overlay--blur>:not(.spinner){transition:filter .15s}.loading-overlay--blur.loading>:not(.spinner){filter:blur(6px)}.loading-overlay:after{content:"";z-index:3;opacity:0;background-color:var(--bg-color);pointer-events:none;content-visibility:auto;contain:content;filter:blur(6px);width:100%;height:0;transition:opacity .15s,height 0s .15s;position:absolute;top:0;left:0}.loading-overlay .spinner{left:50%;top:min(var(--spinner-size)/2 + 25vh,50%);z-index:4;position:sticky;transform:translate(-50%,-50%)}.loading-overlay .spinner *{fill:var(--text-color)}.loading-overlay.loading{height:100%}.loading-overlay.loading:after{pointer-events:auto;opacity:.4;height:100%;transition-delay:0s}.async-pagination{min-height:var(--spinner-size)}.async-pagination .spinner{max-height:unset}.async-pagination:not(:has([data-pagination-trigger])){display:none}[data-pagination-trigger].loading{pointer-events:none;opacity:0}[data-pagination-trigger]:not(.loading)~.spinner{display:none}
