.reakcje{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;float:left;margin-top:15px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.reakcje .reakcja{text-align:center;margin:0 15px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.reakcje .reakcja:hover img{-webkit-animation:reakcjaHoverImg 1s linear infinite forwards;animation:reakcjaHoverImg 1s linear infinite forwards}.reakcje .bar{width:60px;height:0;background:rgba(0,0,0,.04);position:relative;-webkit-transition:all .2s;transition:all .2s;-webkit-transform-origin:bottom;transform-origin:bottom}.reakcje .bar:hover{height:150px;-webkit-transform:scale(1.01);transform:scale(1.01);background:rgba(0,0,0,.07);-webkit-box-shadow:0 10px 15px -5px rgba(0,0,0,.4);box-shadow:0 10px 15px -5px rgba(0,0,0,.4)}.reakcje .fill{background:#0d3e6f;width:100%;height:0;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:bottom;transform-origin:bottom}.reakcje.used .bar{height:150px;-webkit-animation:fillBar .3s 1;animation:fillBar .3s 1}.reakcje.used .fill{-webkit-animation:fillBarFill 1.5s 1;animation:fillBarFill 1.5s 1}.reakcje.used .procent{opacity:1}.reakcje img{margin-top:20px;margin-bottom:15px}.reakcje .procent{display:block;width:100%;text-align:center;font-family:inherit;font-weight:700;font-size:14px;line-height:1em;color:#0d3e6f;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.reakcje-alert{display:block;padding:.5rem 1rem;background:#fe0000;color:#fff;font-weight:700;text-transform:uppercase;line-height:1.3em;margin-top:30px;-webkit-box-shadow:0 10px 15px -10px rgba(0,0,0,.3);box-shadow:0 10px 15px -10px rgba(0,0,0,.3);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s;transition:all .3s;float:left;width:calc(100% - 2rem);margin-bottom:15px;text-align:center}.reakcje-alert.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.reakcje.used .reakcja:not(.clicked) .bar{opacity:.6}@media screen and (max-width:599px){.reakcje .reakcja{margin:0 2vw}.reakcje .bar{width:calc(70vw / 6)}}@media screen and (max-width:480px){.reakcje .bar{max-height:50vh;width:calc(65vw / 6)}.reakcje .procent{font-size:.7rem}}@media screen and (max-width:374px){.reakcje .procent{font-size:.6rem}}@-webkit-keyframes reakcjaHoverImg{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes reakcjaHoverImg{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes reakcjaHoverBar{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}@keyframes reakcjaHoverBar{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}@-webkit-keyframes fillBarFill{0%{height:0}100%{height:inline}}@keyframes fillBarFill{0%{height:0}100%{height:inline}}@-webkit-keyframes fillBar{0%{height:0}100%{height:150px}}@keyframes fillBar{0%{height:0}100%{height:150px}}