.liquid-frame{transition:left var(--liquid-duration) var(--liquid-easing), top var(--liquid-duration) var(--liquid-easing), width var(--liquid-duration) var(--liquid-easing), height var(--liquid-duration) var(--liquid-easing);will-change:left, top, width, height}.liquid-surface{transform-origin:50%;transition:transform var(--liquid-settle-duration,.18s) var(--liquid-easing);will-change:transform;display:block}.liquid-surface-pulse{animation:liquid-pulse var(--liquid-duration) var(--liquid-easing) both}.liquid-surface-held{transform:scale(var(--liquid-scale-x), var(--liquid-scale-y))}@keyframes liquid-pulse{0%{transform:scale(1)}42%{transform:scale(var(--liquid-scale-x), var(--liquid-scale-y))}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.liquid-frame,.liquid-surface{will-change:auto;transition:none}.liquid-surface{animation:none;transform:none}}