.tk-liquid{--tk-liquid-full:50px;transform-box:view-box;will-change:transform;transition:transform .75s cubic-bezier(.45,.05,.25,1);transform:translate(0)}.tk-liquid--back{transition-duration:1.05s;transition-delay:.1s}.tk-pill.is-filled .tk-liquid{transform:translateX(var(--tk-liquid-full))}.tk-pill:not(.is-filled) .tk-liquid--front{transition-delay:50ms}.tk-pill:not(.is-filled) .tk-liquid--back{transition-delay:0s}.tk-liquid__wave{transform-box:view-box;animation:1.1s linear infinite tk-liquid-ripple}.tk-liquid--back .tk-liquid__wave{animation-duration:1.6s;animation-direction:reverse}@keyframes tk-liquid-ripple{0%{transform:translateY(0)}to{transform:translateY(-11px)}}.tk-liquid__sheen{opacity:.35}.tk-pill.is-loading .tk-liquid{transition:none;animation:1.8s cubic-bezier(.45,.05,.35,1) infinite tk-liquid-loop}.tk-pill.is-loading .tk-liquid--back{animation-delay:.16s}@keyframes tk-liquid-loop{0%{transform:translate(0)}50%{transform:translateX(var(--tk-liquid-full))}68%{transform:translateX(var(--tk-liquid-full))}to{transform:translateX(calc(var(--tk-liquid-full) * 2))}}@media (prefers-reduced-motion:reduce){.tk-liquid__wave{animation:none}.tk-pill:not(.is-loading) .tk-liquid{transform:translateX(var(--tk-liquid-full));opacity:0;transition:opacity .2s linear}.tk-pill.is-filled:not(.is-loading) .tk-liquid{opacity:1}.tk-pill.is-loading .tk-liquid{animation-duration:3s}}