/* Shared loading treatment for public pages and account content panels. */
:where(.loading-surface,.account-center .setting-content){position:relative;isolation:isolate;--loading-min-height:320px;--loading-indicator-top:min(50%,160px)}
main.loading-surface{--loading-min-height:min(60vh,560px);--loading-indicator-top:min(50%,260px)}
.account-center .setting-content{--loading-min-height:560px;--loading-indicator-top:50%}
:is(.loading-surface[aria-busy=true],.account-center .setting-content[aria-busy=true],.account-center .setting-content:has([aria-busy=true])){min-height:var(--loading-min-height);cursor:progress}
:is(.loading-surface[aria-busy=true],.account-center .setting-content[aria-busy=true],.account-center .setting-content:has([aria-busy=true]))::before{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;background:rgba(255,255,255,.72);backdrop-filter:blur(1px)}
:is(.loading-surface[aria-busy=true],.account-center .setting-content[aria-busy=true],.account-center .setting-content:has([aria-busy=true]))::after{content:"";position:absolute;z-index:11;top:var(--loading-indicator-top);left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgba(40,120,237,.18);border-top-color:var(--blue,#2878ed);border-radius:50%;box-sizing:border-box;pointer-events:none;animation:site-loading-spin .8s linear infinite}
.loading-surface[aria-busy=true] .loading-surface::before,.loading-surface[aria-busy=true] .loading-surface::after{display:none}
:is(.loading-surface,.account-center .setting-content) :is(.loading-label,.account-loading-label){position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#feedback-content.loading-surface{--loading-min-height:200px}
@keyframes site-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.account-center .setting-content{--loading-min-height:320px}}
@media(prefers-reduced-motion:reduce){:is(.loading-surface[aria-busy=true],.account-center .setting-content[aria-busy=true],.account-center .setting-content:has([aria-busy=true]))::after{animation:none}}