@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[z-loader]{font-size:var(--z-loader--size, var(--_size));padding-top:1em;min-width:1em;display:inline-block;box-sizing:border-box;position:relative;color:var(--z-loader--fill, var(--z-bg-brand--bold));text-align:center}:where(div[z-loader],*[z-theme=light] div[z-loader],div[z-loader][z-theme=light]){--_size: 56px;--_stroke: var(--zs-50)}div[z-loader]:before,div[z-loader]:after{content:"";position:absolute;box-sizing:border-box;border-radius:50%;display:inline-block;animation:loader 1s linear infinite}div[z-loader]:before{width:1em;height:1em;border:var(--z-loader--stroke, var(--_stroke)) solid var(--z-loader--fill, var(--z-bg-brand--bold));border-bottom-color:transparent;margin:0;top:0;left:calc(50% - var(--z-loader--size, var(--_size)) / 2);rotate:-45deg}div[z-loader]:after{font-size:var(--z-loader--stroke, var(--_stroke));height:1em;width:1em;background-color:var(--z-loader--fill, var(--z-bg-brand--bold));top:calc(var(--z-loader--size, var(--_size)) / 2 - var(--z-loader--stroke, var(--_stroke)) / 2);left:calc(50% - 1em);margin-left:calc(var(--z-loader--size, var(--_size)) / 2);transform-origin:calc(-1 * var(--z-loader--size, var(--_size)) / 2 + var(--z-loader--stroke, var(--_stroke))) center}div[z-loader]>span{font:var(--zf-capt-14--500);color:var(--z-loader--color, var(--z-ct-primary))}div[z-loader][small]{--_size: 24px;--_stroke: var(--zs-25)}