[data-stack-host]{transform-origin:top}[data-stack-host][data-stacked=true]{border-radius:calc(var(--radius) * 1.8);overflow:hidden;transform:scale(.98)}[data-stack-host]:after{content:"";border-radius:inherit;background:color-mix(in oklab, var(--secondary) 60%, var(--card));opacity:0;pointer-events:none;position:absolute;inset:0}[data-stack-host][data-stacked=true]:after{opacity:1}@media (prefers-reduced-motion:no-preference){[data-stack-host]{transition:transform .18s cubic-bezier(.22,1,.36,1)}[data-stack-host]:after{transition:opacity .11s linear}[data-stack-host][data-stacked=true]{transition:transform .16s cubic-bezier(.22,1,.36,1) 60ms}[data-stack-host][data-stacked=true]:after{transition:opacity .16s linear 60ms}}#app-canvas{transform-origin:top}@keyframes surface-stack-in{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(28px)}to{transform:none}}@keyframes surface-stack-out{0%{opacity:1;animation-timing-function:cubic-bezier(.64,0,.78,0);transform:none}to{opacity:0;transform:translateY(28px)}}@keyframes surface-stack-restore{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes surface-side-in{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(32px)}to{transform:none}}@keyframes surface-side-out{0%{opacity:1;animation-timing-function:cubic-bezier(.64,0,.78,0);transform:none}to{opacity:0;transform:translate(32px)}}@keyframes surface-fade-in{0%{opacity:0}to{opacity:1}}@keyframes surface-to-dock{0%{opacity:1;animation-timing-function:cubic-bezier(.64,0,.78,0);transform:none}to{opacity:0;transform:translateY(64px)scale(.94)}}