#customerContent{transition:opacity .22s ease,transform .22s ease;min-height:360px}
#customerContent.view-leaving{opacity:0;transform:translateY(-6px);pointer-events:none}
.motion-reveal{opacity:0;transform:translateY(28px);transition:opacity .95s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms),transform .95s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms)}
.motion-reveal.motion-visible,.motion-reveal:focus-within{opacity:1;transform:translateY(0)}
.workspace-loading{min-height:300px;display:grid;align-content:center;justify-items:center;gap:10px}
.workspace-loading>b{font-size:12px;font-weight:500}.workspace-loading>small{font-size:9px;letter-spacing:.18em;color:#81718f}
.loading-brand{width:48px;height:48px;display:grid;place-items:center;position:relative;margin-bottom:10px;border-radius:15px;font-size:24px;font-weight:800}
.loading-brand span{position:absolute;inset:-7px;border:1px solid;border-radius:21px;animation:workspace-breathe 1.4s ease-in-out infinite}
.loading-skeleton{display:flex;gap:8px;margin-top:14px}.loading-skeleton i{width:42px;height:3px;border-radius:8px;animation:workspace-breathe 1.4s ease-in-out infinite}.loading-skeleton i:nth-child(2){animation-delay:.15s}.loading-skeleton i:nth-child(3){animation-delay:.3s}
@keyframes workspace-breathe{50%{opacity:.35;transform:scale(.95)}}
.customer-motion-off #customerContent,.customer-motion-off .motion-reveal{transition:none}.customer-motion-off .motion-reveal{opacity:1;transform:none}.customer-motion-off .loading-brand span,.customer-motion-off .loading-skeleton i{animation:none}
@media(prefers-reduced-motion:reduce){body:not(.customer-motion-on) #customerContent,body:not(.customer-motion-on) .motion-reveal{transition:none}body:not(.customer-motion-on) .motion-reveal{opacity:1;transform:none}body:not(.customer-motion-on) .loading-brand span,body:not(.customer-motion-on) .loading-skeleton i{animation:none}}

.customer-app main>header #pageEyebrow,.customer-app main>header #pageTitle{transition:opacity .22s,transform .22s}
.customer-motion-on .heading-leaving #pageEyebrow,.customer-motion-on .heading-leaving #pageTitle{opacity:0;transform:translateY(-7px)}
.customer-motion-off .customer-app main>header #pageEyebrow,.customer-motion-off .customer-app main>header #pageTitle{transition:none}