:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1)}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes fade-in{0%{opacity:0}}@keyframes drop-down{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.page-shell .page,.hero>*{animation:rise-in .42s var(--ease-out) both}.hero>:nth-child(2){animation-delay:50ms}.hero>:nth-child(3){animation-delay:90ms}.hero>:nth-child(n+4){animation-delay:.12s}.library-grid>*,.plans>*{animation:pop-in .38s var(--ease-spring) both}.library-grid>:nth-child(2),.plans>:nth-child(2){animation-delay:40ms}.library-grid>:nth-child(3){animation-delay:70ms}.library-grid>:nth-child(4){animation-delay:.1s}.library-grid>:nth-child(n+5){animation-delay:.12s}.editor .canvas-frame{animation:pop-in .46s var(--ease-spring) both}.editor .canvas-tools{animation:fade-in .32s var(--ease-out) .12s both}.rail>*{animation:rise-in .36s var(--ease-out) both}.rail>:nth-child(2){animation-delay:40ms}.rail>:nth-child(3){animation-delay:70ms}.rail>:nth-child(n+4){animation-delay:.1s}.adjust-body,.fields,.notice{animation:rise-in .26s var(--ease-out) both}.adjust-group,.swatches,.caption,.drop-overlay,.section-drop{animation:fade-in .2s var(--ease-out) both}.slab-chip{animation:pop-in .3s var(--ease-spring) both}.menu{transform-origin:100% 0;animation:drop-down .2s var(--ease-spring) both}.modal[open]{animation:pop-in .26s var(--ease-spring) both}.toast{animation:rise-in .28s var(--ease-spring) both}.button,.tool,.segmented button,.chips button,.panel-tabs button,.look-swatch,.slab-add{transition-property:background-color,border-color,color,box-shadow,opacity,transform;transition-duration:.16s;transition-timing-function:var(--ease-out)}.button:active:not(:disabled),.tool:active:not(:disabled),.segmented button:active,.chips button:active,.slab-add:active:not(:disabled){transform:scale(.97)}.look:hover .look-swatch{transform:translateY(-2px)}.look:active .look-swatch{transform:scale(.97)}.toggle input:after{transition:transform .22s var(--ease-spring)}@media (max-width:900px){.rail>*{animation-name:fade-in;animation-duration:.22s;animation-delay:0s}.modal[open]{animation:sheet-up .32s var(--ease-spring) both}}@keyframes sheet-up{0%{opacity:0;transform:translateY(32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}