:root{--layout-transition-duration:.3s;--layout-transition-easing:cubic-bezier(.4,0,.2,1)}.layout-transition{transition:opacity var(--layout-transition-duration)var(--layout-transition-easing),transform var(--layout-transition-duration)var(--layout-transition-easing)}.layout-transition-grid{transition:grid-template-columns var(--layout-transition-duration)var(--layout-transition-easing),gap var(--layout-transition-duration)var(--layout-transition-easing)}.layout-transition-item{transition:opacity var(--layout-transition-duration)var(--layout-transition-easing),transform var(--layout-transition-duration)var(--layout-transition-easing),width var(--layout-transition-duration)var(--layout-transition-easing),height var(--layout-transition-duration)var(--layout-transition-easing)}@keyframes layoutFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout-fade-in{animation:layoutFadeIn var(--layout-transition-duration)var(--layout-transition-easing)forwards}.section-transition{transition:padding var(--layout-transition-duration)var(--layout-transition-easing),margin var(--layout-transition-duration)var(--layout-transition-easing),background var(--layout-transition-duration)var(--layout-transition-easing)}.typography-transition{transition:font-size var(--layout-transition-duration)var(--layout-transition-easing),font-weight var(--layout-transition-duration)var(--layout-transition-easing),letter-spacing var(--layout-transition-duration)var(--layout-transition-easing),line-height var(--layout-transition-duration)var(--layout-transition-easing)}[data-variant-speed=instant]{--layout-transition-duration:0s}[data-variant-speed=fast]{--layout-transition-duration:.15s}[data-variant-speed=normal]{--layout-transition-duration:.3s}[data-variant-speed=slow]{--layout-transition-duration:.5s}[data-variant-speed=dramatic]{--layout-transition-duration:.8s}[data-variant-easing=linear]{--layout-transition-easing:linear}[data-variant-easing=ease]{--layout-transition-easing:ease}[data-variant-easing=ease-in-out]{--layout-transition-easing:ease-in-out}[data-variant-easing=spring]{--layout-transition-easing:cubic-bezier(.34,1.56,.64,1)}[data-variant-easing=bounce]{--layout-transition-easing:cubic-bezier(.68,-.55,.265,1.55)}