/* Figma V4: 85:76/85:77, 2-second timeline. Play once on each allowed daily greeting. */
@property --motion-translate-y { syntax: '<number>'; initial-value: 0; inherits: false; }
@property --motion-rotate { syntax: '<number>'; initial-value: 0; inherits: false; }
.daily-welcome{--motion-translate-y: 14; transform: var(--motion-layout-transform, translate(0px)) var(--motion-design-transform-inverse, matrix(1, 0, 0, 1, 0, 0)) translate(0px, calc(var(--motion-translate-y, 0) * 1px)) var(--motion-design-transform, matrix(1, 0, 0, 1, 0, 0)); transform-origin: 0 0; animation: kf_85_76_--motion-translate-y_0 2s linear, kf_85_76_opacity_0 2s linear; animation-iteration-count: 1; }
.daily-welcome>img{--motion-origin-x: 50; --motion-origin-y: 50; --motion-rotate: 0.122173; --motion-translate-y: 24; transform: var(--motion-layout-transform, translate(0px)) translate(calc(var(--motion-origin-x, 0) * 1%), calc(var(--motion-origin-y, 0) * 1%)) var(--motion-design-transform-inverse, matrix(1, 0, 0, 1, 0, 0)) translate(0px, calc(var(--motion-translate-y, 0) * 1px)) rotate(calc(var(--motion-rotate, 0) * 1rad)) var(--motion-design-transform, matrix(1, 0, 0, 1, 0, 0)) translate(calc(var(--motion-origin-x, 0) * -1%), calc(var(--motion-origin-y, 0) * -1%)); transform-origin: 0 0; animation: kf_85_77_--motion-rotate_0 2s linear, kf_85_77_--motion-translate-y_0 2s linear; animation-iteration-count: 1; }
@keyframes kf_85_76_--motion-translate-y_0 { 0% { animation-timing-function: ease-out; --motion-translate-y: 14; } 22.5% { --motion-translate-y: 0; } 100% { --motion-translate-y: 0; } } @keyframes kf_85_76_opacity_0 { 0% { animation-timing-function: ease-out; opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } }
@keyframes kf_85_77_--motion-rotate_0 { 0% { animation-timing-function: ease-out; --motion-rotate: 0.122173; } 20% { animation-timing-function: ease-out; --motion-rotate: -0.087266; } 40% { animation-timing-function: ease-out; --motion-rotate: 0.05236; } 65% { --motion-rotate: 0; } 100% { --motion-rotate: 0; } } @keyframes kf_85_77_--motion-translate-y_0 { 0% { animation-timing-function: ease-out; --motion-translate-y: 24; } 22.5% { animation-timing-function: ease-out; --motion-translate-y: -7; } 40% { animation-timing-function: ease-out; --motion-translate-y: 0; } 60% { animation-timing-function: ease-out; --motion-translate-y: -3; } 77.5% { --motion-translate-y: 0; } 100% { --motion-translate-y: 0; } }
.daily-welcome>img{width:180px;height:180px}
@media(prefers-reduced-motion:reduce){.daily-welcome,.daily-welcome>img{animation:none!important;transform:none!important;opacity:1!important}}