#ss-startup{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f3f6fc;color:#172d52;transition:opacity .28s ease,visibility .28s ease}
#ss-startup.ss-startup-done{opacity:0;visibility:hidden;pointer-events:none}
.ss-startup-center{display:grid;justify-items:center;gap:19px;padding:24px;text-align:center}
.ss-startup-icon{width:94px;height:94px;border-radius:23px;box-shadow:0 18px 42px #2054df2b;animation:ss-icon-in .62s cubic-bezier(.2,.8,.2,1) both}
.ss-startup-wordmark{font-size:clamp(24px,5vw,32px);font-weight:750;letter-spacing:-.055em;animation:ss-word-in .55s .18s both}
.ss-startup-wordmark span{font-weight:400}
.ss-startup-track{width:118px;height:3px;border-radius:9px;background:#dbe5f8;overflow:hidden}
.ss-startup-track::before{content:"";display:block;width:100%;height:100%;background:#ffbd50;transform:translateX(-100%);animation:ss-progress 1.25s .12s ease-out forwards}
.ss-brand-icon{display:block;width:29px;height:29px;flex:none;border-radius:7px}
.ss-top .hp-brand{display:inline-flex;align-items:center;gap:9px}
@keyframes ss-icon-in{from{opacity:0;transform:translateY(16px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ss-word-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ss-progress{to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#ss-startup{transition:none}.ss-startup-icon,.ss-startup-wordmark,.ss-startup-track::before{animation:none}.ss-startup-track::before{transform:none}}

.account-brand .ss-brand-icon{width:38px;height:38px;border-radius:9px}