.loading-dots{vertical-align:middle;color:#c42329;opacity:1;justify-content:center;align-items:center;gap:4px;min-width:30px;height:20px;transition:opacity .1s ease-out;display:inline-flex}.loading-dots[data-active=false]{opacity:0;pointer-events:none}@starting-style{.loading-dots{opacity:0}}.loading-dots>span{background:currentColor;border-radius:50%;flex:0 0 5px;width:5px;height:5px;animation:.9s ease-in-out -900ms infinite both loading-bounce}.loading-dots>span:nth-child(2){animation-delay:-600ms}.loading-dots>span:nth-child(3){animation-delay:-300ms}.content-loading{place-items:center;min-height:12rem;display:grid}.search-loading{pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}:has(>.search-loading)>input{padding-right:54px}[data-results-updating=true]{opacity:.65}[data-results-updating]{transition:opacity .16s}.brand-loading-screen{--brand-corner-radius:clamp(18px, 2vw, 28px);inset:calc(-1 * var(--brand-corner-radius)) 0;z-index:100;border-radius:var(--brand-corner-radius);background:var(--app-chrome-surface);isolation:isolate;place-items:center;display:grid;position:fixed;overflow:hidden}.brand-loading-screen[data-phase=entering]{animation:brand-cover var(--brand-cover-duration,.4s) cubic-bezier(.22, 1, .36, 1) both}.brand-loading-screen[data-phase=leaving]{animation:brand-uncover var(--brand-uncover-duration,.45s) cubic-bezier(.65, 0, .35, 1) both;pointer-events:none}.brand-loading-content{flex-direction:column;align-items:center;display:flex;transform:translateY(-12px)}.brand-loading-logo{width:clamp(64px,8vw,88px);height:auto}.brand-loading-screen[data-phase=entering] .brand-loading-logo{animation:brand-logo-arrive var(--brand-logo-duration,.38s) ease-out var(--brand-logo-delay,80ms) backwards}.brand-loading-status{place-items:center;min-height:48px;margin-top:22px;display:grid}.brand-loading-status .loading-dots{gap:6px}.brand-loading-status .loading-dots>span{flex-basis:6px;width:6px;height:6px}@keyframes loading-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes brand-cover{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes brand-uncover{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes brand-logo-arrive{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-dots{transition:none;animation:none}.loading-dots>span{opacity:.65;animation:none}[data-results-updating]{transition:none}.brand-loading-screen[data-phase=entering],.brand-loading-screen[data-phase=leaving]{animation-name:brand-fade;animation-duration:.12s}.brand-loading-screen[data-phase=leaving]{animation-direction:reverse}.brand-loading-screen[data-phase=entering] .brand-loading-logo{animation:none}}@keyframes brand-fade{0%{opacity:0}to{opacity:1}}.loading-dots-on-dark{color:#fff}.pending-button-labels{display:grid}.pending-button-idle,.pending-button-busy{grid-area:1/1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.pending-button[data-pending=true] .pending-button-idle,.pending-button[data-pending=false] .pending-button-busy{visibility:hidden}.pending-button-dots{flex:0 0 30px;place-items:center;width:30px;height:20px;display:inline-grid}.pending-button .loading-dots{color:inherit}
