/* Original seven-circle seal from the Metayoga divider, with a faster loading rotation. */
.portal-mandala{--mandala-size:144px;position:relative;width:var(--mandala-size);height:var(--mandala-size);margin:0 auto 24px;color:var(--color-primary,#5B369F)}
.portal-mandala::before{content:"";position:absolute;inset:0;background:currentColor;opacity:.75;-webkit-mask:url('/static/images/metayoga/loader-flower.svg') center/contain no-repeat;mask:url('/static/images/metayoga/loader-flower.svg') center/contain no-repeat;animation:portal-flower-turn 6s linear infinite}
@keyframes portal-flower-turn{to{transform:rotate(360deg)}}
.portal-loader{position:fixed;inset:auto 24px 24px auto;z-index:10000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);margin:0;padding:12px 20px;border:1px solid var(--color-border,#E8DCCE);border-radius:var(--radius-card,18px);background:var(--color-surface,#fff);color:var(--color-text,#2B2430);font:600 14px/1.4 var(--font-body,system-ui);box-shadow:var(--shadow-card,0 8px 24px #2b243014);pointer-events:none;box-sizing:border-box}
.portal-loader[hidden]{display:none!important}.portal-loader::backdrop{background:transparent;pointer-events:none}
.portal-loader .portal-mandala{--mandala-size:48px;flex:none;margin:0}
.portal-loader span{overflow-wrap:anywhere}
.portal-inline-loader{display:grid;place-items:center;gap:12px}.portal-inline-loader .portal-mandala{margin:0}
@media(max-width:600px){.portal-loader{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:8px 16px}}
@media(prefers-reduced-motion:reduce){.portal-mandala::before{animation:none}}

.portal-material-loader{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;padding:24px;border-radius:18px;background:var(--color-surface,#fff);color:var(--color-text,#2B2430);font:14px/1.4 var(--font-body,system-ui);pointer-events:none}.portal-material-loader[hidden]{display:none}