html{scrollbar-gutter:stable}
.motion-ready .masthead{animation:quiet-arrive .55s cubic-bezier(.22,1,.36,1) both}
.motion-ready .page-stage{animation:quiet-arrive .7s cubic-bezier(.22,1,.36,1) .07s both}
.motion-ready .dock,.motion-ready .footer{animation:quiet-arrive .6s cubic-bezier(.22,1,.36,1) .12s both}
.note[open]{--sheet-duration:.36s;animation:sheet-arrive var(--sheet-duration) cubic-bezier(.4,0,.2,1) both}
.note[open]::backdrop{animation:veil-arrive .36s cubic-bezier(.4,0,.2,1) both}
.note[open].is-closing{pointer-events:none}
.work-indicator{transition-duration:.3s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.note-close{transition:color .2s ease}
@keyframes quiet-arrive{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes sheet-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes veil-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-ready .masthead,.motion-ready .page-stage,.motion-ready .dock,.motion-ready .footer,.note[open],.note[open]::backdrop{animation:none!important}}