@keyframes draft{0%{opacity:0;max-height:0}to{opacity:1;max-height:32px}}.draft-enter-active{animation:draft var(--transition-time) ease-out}.draft-leave-active{animation:draft var(--transition-time) reverse}@keyframes saving-icon{0%{opacity:0}to{opacity:1}}.saving-icon-enter-active{animation:saving-icon var(--transition-time) ease-out}.saving-icon-leave-active{animation:saving-icon var(--transition-time) reverse}@keyframes add-content{0%{max-height:0;opacity:0;margin-top:0;margin-bottom:0;padding-top:0}to{max-height:210px;opacity:1;padding-top:1rem}}.add-content-enter-active{animation:add-content calc(var(--transition-time) * 2) ease-out}.add-content-leave-active{animation:add-content calc(var(--transition-time) * 2) reverse}