@keyframes fadein{from{opacity:0}to{opacity:1}}.popup-overlay{height:100vh;width:100%;z-index:999;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;padding:30px;animation:fadein 250ms ease-in-out}.popup-content{width:max-content;height:max-content;position:absolute;box-shadow:0 3px 10px 0 rgba(0,0,0,.5333333333);animation:fadein 500ms ease-in-out;max-width:50%}@media(max-width: 480px){.popup-content{max-width:90%}}@media(min-width: 480px)and (max-width: 760px){.popup-content{max-width:70%}}.popup-close{display:flex;justify-content:flex-end;font-size:1.2rem;background-color:red;color:#fff;padding:0 5px 3px;font-weight:bold;text-decoration:none;border-radius:50%;display:inline-block;cursor:pointer;position:absolute;top:-12px;right:-12px;line-height:1.2}.popup-close-left{right:auto;left:-13px}.popup-content.popup-base{background-color:#fff;border:2px #01457f solid;border-radius:3px;padding:10px;box-shadow:0 3px 10px 0 rgba(0,0,0,.5333333333)}.anim-fade-in{animation:fadeIn 750ms}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade-out{animation:fadeOut 750ms}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.anim-slide-up-in{animation:slideUpIn 750ms ease}@keyframes slideUpIn{0%{transform:translateY(-1500px) scale(0.8);opacity:.8}80%{transform:translateY(0) scale(0.8);opacity:.8}to{transform:scale(1);opacity:1}}.anim-slide-up-out{animation:slideUpOut 750ms ease}@keyframes slideUpOut{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.8);opacity:.8}to{transform:translateY(-1500px) scale(0.8);opacity:.8}}.anim-slide-down-in{animation:slideDownIn 750ms ease}@keyframes slideDownIn{0%{transform:translateY(1500px) scale(0.8);opacity:.8}80%{transform:translateY(0) scale(0.8);opacity:.8}to{transform:scale(1);opacity:1}}.anim-slide-down-out{animation:slideDownOut 750ms ease}@keyframes slideDownOut{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.8);opacity:.8}to{transform:translateY(1500px) scale(0.8);opacity:.8}}.anim-slide-left-in{animation:slideLeftIn 750ms ease}@keyframes slideLeftIn{0%{transform:translateX(-2000px) scale(0.8);opacity:.8}80%{transform:translateX(0) scale(0.8);opacity:.8}to{transform:scale(1);opacity:1}}.anim-slide-left-out{animation:slideLeftOut 750ms ease}@keyframes slideLeftOut{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.8);opacity:.8}to{transform:translateX(-2000px) scale(0.8);opacity:.8}}.anim-slide-right-in{animation:slideRightIn 750ms ease}@keyframes slideRightIn{0%{transform:translateX(2000px) scale(0.8);opacity:.8}80%{transform:translateX(0) scale(0.8);opacity:.8}to{transform:scale(1);opacity:1}}.anim-slide-right-out{animation:slideRightOut 750ms ease}@keyframes slideRightOut{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.8);opacity:.8}to{transform:translateX(2000px) scale(0.8);opacity:.8}}.anim-zoom-in{animation:zoomIn 750ms ease}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.anim-zoom-out{animation:zoomOut 750ms ease}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}