/* Generated from Figma board 14:2; run npm run motion after updating its export. */
@property --rotate-transform { syntax: '<angle>'; initial-value: 0rad; inherits: false; }
/* Cancel legacy loops before applying the coordinated Figma timeline. */
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) [class^="sculpture-"], .category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) [class^="twinkle-"] { animation: none; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-float { animation: ryhana_sculpture_float_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-pump { animation: ryhana_sculpture_pump_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-lid { animation: ryhana_sculpture_lid_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .twinkle-one { animation: ryhana_twinkle_one_opacity_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .twinkle-two { animation: ryhana_twinkle_two_opacity_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .twinkle-three { animation: ryhana_twinkle_three_opacity_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-gift-products { animation: ryhana_sculpture_gift_products_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-gift-lid { transform: rotate(var(--rotate-transform, 0rad)); animation: ryhana_sculpture_gift_lid_rotate_0 6s linear, ryhana_sculpture_gift_lid_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-cap { transform: rotate(calc(var(--rotate-transform, 0.262rad) - 0.262rad)); animation: ryhana_sculpture_cap_rotate_0 6s linear, ryhana_sculpture_cap_translate_0 6s linear; animation-iteration-count: infinite; }
.category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) .sculpture-balm { animation: ryhana_sculpture_balm_translate_0 6s linear; animation-iteration-count: infinite; }
@keyframes ryhana_sculpture_float_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { animation-timing-function: ease-in-out; translate: 0px -8px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_sculpture_pump_translate_0 { 0% { translate: 0px 0px; } 30% { animation-timing-function: ease-in-out; translate: 0px 0px; } 40% { animation-timing-function: ease-in-out; translate: 0px 7px; } 48.333% { animation-timing-function: ease-in-out; translate: 0px 0px; } 58.333% { animation-timing-function: ease-in-out; translate: 0px 7px; } 66.667% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_sculpture_lid_translate_0 { 0% { translate: 0px 0px; } 16.667% { animation-timing-function: ease-in-out; translate: 0px 0px; } 43.333% { translate: 0px -18px; } 66.667% { animation-timing-function: ease-in-out; translate: 0px -18px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_twinkle_one_opacity_0 { 0% { animation-timing-function: ease-in-out; opacity: 0.25; } 16.667% { animation-timing-function: ease-in-out; opacity: 1; } 36.667% { animation-timing-function: ease-in-out; opacity: 0.25; } 66.667% { animation-timing-function: ease-in-out; opacity: 1; } 100% { opacity: 0.25; } }
@keyframes ryhana_twinkle_two_opacity_0 { 0% { animation-timing-function: ease-in-out; opacity: 0.25; } 26.667% { animation-timing-function: ease-in-out; opacity: 1; } 46.667% { animation-timing-function: ease-in-out; opacity: 0.25; } 76.667% { animation-timing-function: ease-in-out; opacity: 1; } 100% { opacity: 0.25; } }
@keyframes ryhana_twinkle_three_opacity_0 { 0% { animation-timing-function: ease-in-out; opacity: 0.25; } 36.667% { animation-timing-function: ease-in-out; opacity: 1; } 56.667% { animation-timing-function: ease-in-out; opacity: 0.25; } 86.667% { animation-timing-function: ease-in-out; opacity: 1; } 100% { opacity: 0.25; } }
@keyframes ryhana_sculpture_gift_products_translate_0 { 0% { translate: 0px 0px; } 23.333% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { translate: 0px -16px; } 66.667% { animation-timing-function: ease-in-out; translate: 0px -16px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_sculpture_gift_lid_rotate_0 { 0% { --rotate-transform: 0rad; } 16.667% { animation-timing-function: ease-in-out; --rotate-transform: 0rad; } 45% { --rotate-transform: -0.14rad; } 66.667% { animation-timing-function: ease-in-out; --rotate-transform: -0.14rad; } 100% { --rotate-transform: 0rad; } } @keyframes ryhana_sculpture_gift_lid_translate_0 { 0% { translate: 0px 0px; } 16.667% { animation-timing-function: ease-in-out; translate: 0px 0px; } 45% { translate: 0px -44px; } 66.667% { animation-timing-function: ease-in-out; translate: 0px -44px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_sculpture_cap_rotate_0 { 0% { --rotate-transform: 0.262rad; } 20% { animation-timing-function: ease-in-out; --rotate-transform: 0.262rad; } 45% { --rotate-transform: 0.471rad; } 66.667% { animation-timing-function: ease-in-out; --rotate-transform: 0.471rad; } 100% { --rotate-transform: 0.262rad; } } @keyframes ryhana_sculpture_cap_translate_0 { 0% { translate: 0px 0px; } 20% { animation-timing-function: ease-in-out; translate: 0px 0px; } 45% { translate: 0px -30px; } 66.667% { animation-timing-function: ease-in-out; translate: 0px -30px; } 100% { translate: 0px 0px; } }
@keyframes ryhana_sculpture_balm_translate_0 { 0% { translate: 0px 0px; } 25% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { translate: 0px -8px; } 66.667% { animation-timing-function: ease-in-out; translate: 0px -8px; } 100% { translate: 0px 0px; } }
@media (prefers-reduced-motion: reduce) {
  .category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) [class^="sculpture-"], .category-glyph:is(.sculpture-lips,.sculpture-hand,.sculpture-gift) [class^="twinkle-"] {
    animation: none !important;
    translate: none;
    transform: none;
    opacity: 1;
  }
}