:root{
--duration-fast:150ms; /* @kind other */
--duration-base:400ms; /* @kind other */
--ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
--ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--fade-up-distance:16px;
--transition-ui:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);
}
@keyframes ds-fade-up{from{opacity:0;transform:translateY(var(--fade-up-distance))}to{opacity:1;transform:none}}
.ds-fade-up{animation:ds-fade-up var(--duration-base) var(--ease-out) both}
@media (prefers-reduced-motion:reduce){.ds-fade-up{animation:none}}