/* PRL czat-fab-zwin 1.0.0: zwinięty przycisk czatu z animowaną ikonką, rozwijanie napisu z motion */
.czat-fab{transition:transform .15s,padding .42s cubic-bezier(.2,.9,.25,1.15),gap .42s ease}
.czat-fab-txt{display:inline-block;max-width:6em;overflow:hidden;white-space:nowrap;transition:max-width .42s cubic-bezier(.2,.9,.25,1.15),opacity .3s ease}
.czat-fab.czf-zwin{padding:12px 13px;gap:0}
.czat-fab.czf-zwin .czat-fab-txt{max-width:0;opacity:0}
.czat-fab-ikona{display:inline-grid;place-items:center;transform-origin:50% 80%}
.czat-fab.czf-zwin .czat-fab-ikona{animation:czf-gada 4.5s ease-in-out infinite}
.czat-fab.czf-hop{animation:czf-hop .48s cubic-bezier(.3,1.6,.5,1)}
.czat-fab.czf-hop .czat-fab-ikona{animation:czf-obrot .5s ease-out}
@keyframes czf-gada{0%,72%,100%{transform:none}76%{transform:scale(1.18) rotate(-8deg)}80%{transform:scale(.94) rotate(6deg)}84%{transform:scale(1.08) rotate(-3deg)}88%{transform:none}}
@keyframes czf-hop{0%{transform:none}35%{transform:translateY(-9px) scale(1.06)}65%{transform:translateY(0) scale(.97,1.03)}100%{transform:none}}
@keyframes czf-obrot{0%{transform:none}40%{transform:rotate(-14deg) scale(1.15)}75%{transform:rotate(8deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.czat-fab.czf-zwin .czat-fab-ikona{animation-duration:9s}.czat-fab.czf-hop,.czat-fab.czf-hop .czat-fab-ikona{animation-duration:.25s}}