@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.popup{position:absolute;z-index:1000;background:#fff;border:1px solid #e1e5e9;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);padding:1rem;width:200px;height:auto;top:50%;left:calc(100% + 10px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.popup .popup-content img{position:static!important;width:100%!important;height:auto}.popup .popup-content .popup-title{font-size:12px!important;width:100%!important;color:#394b60;margin-top:8px!important;text-align:center}@media(max-width:768px){.popup{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:180px;padding:.8rem}}@media(max-width:480px){.popup{width:160px;padding:.6rem}}