@view-transition{navigation:auto}
::view-transition{pointer-events:none}
::view-transition-old(root){animation:ss-page-out .16s ease-out both}
::view-transition-new(root){animation:ss-page-in .38s .06s ease-out both}
::view-transition-group(ss-schaeumi){animation-duration:.88s;animation-timing-function:cubic-bezier(.22,.7,.25,1.08);z-index:10}
::view-transition-image-pair(ss-schaeumi){isolation:isolate}
::view-transition-old(ss-schaeumi){animation:ss-page-out .2s .5s both;mix-blend-mode:normal}
::view-transition-new(ss-schaeumi){animation:ss-page-in .2s .5s both;mix-blend-mode:normal}
@keyframes ss-page-out{to{opacity:0}}
@keyframes ss-page-in{from{opacity:0}to{opacity:1}}
@keyframes ss-panel-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
.ss-leaving .login-brand .schaeumi-stage,.ss-arriving .buddy .schaeumi-stage{view-transition-name:ss-schaeumi;visibility:visible!important;animation:none!important;transform:none!important;overflow:visible}
.ss-leaving .schaeumi-play,.ss-arriving .buddy .schaeumi-play{animation:none!important;transform:none!important}
.ss-leaving .schaeumi-head,.ss-arriving .buddy .schaeumi-head{animation:none!important}
.ss-leaving .login-card,.ss-leaving .login-brand>p,.ss-leaving .login-brand>small{transition:opacity .18s ease;opacity:.65}
.ss-arriving .buddy [data-schaeumi-speech],.ss-arriving .buddy .ground-glow{opacity:0!important}
.ss-login-visit #dashboardView{animation:none!important}
.ss-login-visit .sidebar,.ss-login-visit .topbar{animation:ss-panel-in .38s both}
.ss-login-visit body:not(.loading) .month-bar,.ss-login-visit body:not(.loading) .month-hero{animation:ss-panel-in .4s .06s both}
.ss-login-visit body:not(.loading) .run-report,.ss-login-visit body:not(.loading) .workspace-status{animation:ss-panel-in .42s .12s both}
.ss-login-visit body:not(.loading) .workspace-work,.ss-login-visit body:not(.loading) .workspace-backstage,.ss-login-visit body:not(.loading) .workspace-capture{animation:ss-panel-in .42s .18s both}
/* Reserve her anchor independently of changing titles, counts and account data. */
.overview-grid>.buddy{align-self:start}
.month-bar{min-height:64px;align-content:center;box-sizing:border-box}
body.loading .buddy,body.loading .month-hero{visibility:visible}
body.loading .month-hero>*:not(.ss-month-skeleton){visibility:hidden}
.month-hero{position:relative}
.ss-month-skeleton{display:none;position:absolute;inset:5px 0 auto;max-width:360px;pointer-events:none}
body.loading .ss-month-skeleton{display:block}
.ss-month-skeleton i,.ss-month-skeleton span{display:block;height:12px;margin:0 0 17px;border-radius:7px;background:#d9cce04d;width:78%}
.ss-month-skeleton i:first-child{width:32%;height:9px}.ss-month-skeleton i:nth-child(2){width:90%;height:30px;margin-bottom:23px}.ss-month-skeleton span{width:48%;height:36px;margin-top:25px;background:#c9b5dc40}
.ss-fallback-arrival .buddy .schaeumi-stage{animation:ss-soft-arrival .5s ease-out both!important}
@keyframes ss-soft-arrival{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
#loadNotice{position:fixed;z-index:80;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px 16px;border:1px solid #e2d3eb;border-radius:14px;background:#faf5fff2;color:#705782;box-shadow:0 5px 20px #58437012;font-size:12px}
@media(max-width:800px){.month-bar{min-height:94px}.ss-month-skeleton i:nth-child(2){height:50px}.ss-month-skeleton{max-width:90%}}
@media(prefers-reduced-motion:reduce){::view-transition-group(ss-schaeumi){animation-duration:.18s}::view-transition-old(ss-schaeumi){animation:ss-page-out .18s both}::view-transition-new(ss-schaeumi){animation:ss-page-in .18s both}.ss-login-visit .sidebar,.ss-login-visit .topbar,.ss-login-visit body:not(.loading) .month-bar,.ss-login-visit body:not(.loading) .month-hero,.ss-login-visit body:not(.loading) .run-report,.ss-login-visit body:not(.loading) .workspace-status,.ss-login-visit body:not(.loading) .workspace-work,.ss-login-visit body:not(.loading) .workspace-backstage,.ss-login-visit body:not(.loading) .workspace-capture,.ss-fallback-arrival .buddy .schaeumi-stage{animation:ss-page-in .18s linear!important}.ss-leaving .login-card,.ss-leaving .login-brand>p,.ss-leaving .login-brand>small{transition:none;opacity:1}}

.ss-arriving .buddy .schaeumi-play{pointer-events:none}
.ss-login-visit .buddy .ground-glow,.ss-login-visit .buddy [data-schaeumi-speech]{transition:opacity .22s ease}
/* Speech gets reserved room instead of covering the month controls on phones. */
.overview-grid>.buddy{padding-top:48px}
@media(max-width:800px){.overview-grid>.buddy{padding-top:90px}.buddy:not(:has([data-pull])) [data-schaeumi-speech]{left:0!important;max-width:100%;box-sizing:border-box}}

::view-transition-old(ss-schaeumi),::view-transition-new(ss-schaeumi){width:100%;height:100%;object-fit:contain}
